@learncard/react 2.3.32 → 2.3.33

package/dist/cjs/CircleIcon-45ef66fd.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircleIcon-45ef66fd.js","sources":["../../src/types/index.ts","../../src/constants/icons.ts","../../src/components/CircleIcon/CircleIcon.tsx"],"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}\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    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    date?: string;\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    achievementCount: string | number;\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","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 { Icons } from '../types';\nexport { coins, user, trophy, briefcase, graduation, lightbulb };\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};\n","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":["coins","user","trophy","briefcase","graduation","lightbulb","React"],"mappings":"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"}
+{"version":3,"file":"CircleIcon-45ef66fd.js","sources":["../../src/types/index.ts","../../src/constants/icons.ts","../../src/components/CircleIcon/CircleIcon.tsx"],"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}\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    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    date?: string;\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    achievementCount: string | number;\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 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","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 { Icons } from '../types';\nexport { coins, user, trophy, briefcase, graduation, lightbulb };\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};\n","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":["coins","user","trophy","briefcase","graduation","lightbulb","React"],"mappings":"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"}

package/dist/cjs/JobListCard-065f9225.js

@@ -0,0 +1,127 @@
+'use strict';
+
+var React = require('react');
+var MiniTrophyIcon = require('./minitrophycolored.svg');
+var MiniGradIcon = require('./minigradcapcolored.svg');
+var MiniPuzzleIcon = require('./minipuzzlecolored.svg');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var MiniTrophyIcon__default = /*#__PURE__*/_interopDefaultLegacy(MiniTrophyIcon);
+var MiniGradIcon__default = /*#__PURE__*/_interopDefaultLegacy(MiniGradIcon);
+var MiniPuzzleIcon__default = /*#__PURE__*/_interopDefaultLegacy(MiniPuzzleIcon);
+
+const TYPE_TO_COURSE_MINI_ICON = {
+  job: MiniGradIcon__default["default"],
+  achievement: MiniTrophyIcon__default["default"],
+  skill: MiniPuzzleIcon__default["default"]
+};
+const TYPE_TO_COLOR = {
+  job: "bg-emerald-50",
+  achievement: "bg-spice-50",
+  skill: "bg-indigo-50"
+};
+const TYPE_TO_TEXT_COLOR = {
+  job: "text-emerald-700",
+  achievement: "text-spice-500",
+  skill: "text-indigo-600"
+};
+const JobListingBubble = ({
+  count = 0,
+  type = "job",
+  className
+}) => {
+  const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];
+  const bgColor = TYPE_TO_COLOR[type];
+  const textColor = TYPE_TO_TEXT_COLOR[type];
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: `course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[100px] h-[30px] items-center ${className}`
+  }, /* @__PURE__ */ React__default["default"].createElement("img", {
+    src: imgSrc
+  }), /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: `flex items-center text-sm ${textColor} font-bold`
+  }, count));
+};
+const JobListCard = ({
+  company,
+  className = "job-listing-card",
+  title,
+  compensation,
+  location,
+  locationRequirement,
+  timeRequirement,
+  qualificationDisplay,
+  percentQualifiedDisplay,
+  postDateDisplay,
+  imgThumb,
+  isBookmarked,
+  onBookmark,
+  onClick
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  const courseCountDisplay = `${(_b = (_a = qualificationDisplay == null ? void 0 : qualificationDisplay.courses) == null ? void 0 : _a.fulfilledCount) != null ? _b : 0}/${(_d = (_c = qualificationDisplay == null ? void 0 : qualificationDisplay.courses) == null ? void 0 : _c.totalRequiredCount) != null ? _d : 0}`;
+  const achievementsCountDisplay = `${(_f = (_e = qualificationDisplay == null ? void 0 : qualificationDisplay.achievements) == null ? void 0 : _e.fulfilledCount) != null ? _f : 0}/${(_h = (_g = qualificationDisplay == null ? void 0 : qualificationDisplay.achievements) == null ? void 0 : _g.totalRequiredCount) != null ? _h : 0}`;
+  const skillsCountDisplay = `${(_j = (_i = qualificationDisplay == null ? void 0 : qualificationDisplay.skills) == null ? void 0 : _i.fulfilledCount) != null ? _j : 0}/${(_l = (_k = qualificationDisplay == null ? void 0 : qualificationDisplay.skills) == null ? void 0 : _k.totalRequiredCount) != null ? _l : 0}`;
+  const qualifiedText = percentQualifiedDisplay ? `${percentQualifiedDisplay}% Qualified - Apply` : "Apply";
+  let topText = "";
+  if (!compensation && timeRequirement)
+    topText = timeRequirement;
+  if (!timeRequirement && compensation)
+    topText = compensation;
+  if (timeRequirement && compensation)
+    topText = `${compensation} \u2022 ${timeRequirement}`;
+  let locationText = "";
+  if (!location && locationRequirement)
+    locationText = locationRequirement;
+  if (!locationRequirement && location)
+    locationText = location;
+  if (locationRequirement && location)
+    locationText = `${locationRequirement} \u2022 ${location}`;
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    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] h-[260px] rounded-[20px] ${className}`
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "job-listing-top flex"
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "flex text-grayscale-500 text-xs uppercase w-full line-clamp-1"
+  }, topText)), /* @__PURE__ */ React__default["default"].createElement("p", {
+    className: "text-grayscale-500 text-xs line-clamp-1 flex-shrink-0"
+  }, " ", postDateDisplay), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "job-listing-center flex mt-[5px]"
+  }, imgThumb && /* @__PURE__ */ React__default["default"].createElement("img", {
+    className: "object-cover w-[80px] flex-shrink-0 items-center justify-center rounded-[15px] mr-[10px]",
+    src: imgThumb
+  }), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "job-listing-description flex flex-col"
+  }, /* @__PURE__ */ React__default["default"].createElement("h4", {
+    className: "text-lg font-bold line-clamp-2"
+  }, title), /* @__PURE__ */ React__default["default"].createElement("p", {
+    className: "text-sm line-clamp-1"
+  }, company), /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: "text-sm line-clamp-1"
+  }, locationText))), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "job-listing-qualifications mt-[10px]"
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "course-card-counts-container flex items-center"
+  }, ((_m = qualificationDisplay == null ? void 0 : qualificationDisplay.courses) == null ? void 0 : _m.fulfilledCount) && /* @__PURE__ */ React__default["default"].createElement(JobListingBubble, {
+    type: "job",
+    count: courseCountDisplay,
+    className: "mr-[5px]"
+  }), ((_n = qualificationDisplay == null ? void 0 : qualificationDisplay.achievements) == null ? void 0 : _n.fulfilledCount) && /* @__PURE__ */ React__default["default"].createElement(JobListingBubble, {
+    type: "achievement",
+    count: achievementsCountDisplay,
+    className: "mr-[5px]"
+  }), ((_o = qualificationDisplay == null ? void 0 : qualificationDisplay.skills) == null ? void 0 : _o.fulfilledCount) && /* @__PURE__ */ React__default["default"].createElement(JobListingBubble, {
+    type: "skill",
+    count: skillsCountDisplay,
+    className: "mr-[0px]"
+  }))), /* @__PURE__ */ React__default["default"].createElement("button", {
+    type: "button",
+    onClick,
+    className: "mt-[10px] bg-cyan-700 py-[15px] px-[2px] rounded-[40px] text-grayscale-50 text-[17px] font-bold"
+  }, qualifiedText));
+};
+
+exports.JobListCard = JobListCard;
+exports.JobListingBubble = JobListingBubble;
+//# sourceMappingURL=JobListCard-065f9225.js.map

package/dist/cjs/JobListCard-065f9225.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobListCard-065f9225.js","sources":["../../src/components/JobListCard/JobListCard.tsx"],"sourcesContent":["import React from 'react';\nimport { JobListCardProps } from '../../types';\n\nimport MiniTrophyIcon from '../../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzlecolored.svg';\n\nconst TYPE_TO_COURSE_MINI_ICON = {\n    job: MiniGradIcon,\n    achievement: MiniTrophyIcon,\n    skill: MiniPuzzleIcon,\n};\n\nconst TYPE_TO_COLOR = {\n    job: 'bg-emerald-50',\n    achievement: 'bg-spice-50',\n    skill: 'bg-indigo-50',\n};\n\nconst TYPE_TO_TEXT_COLOR = {\n    job: 'text-emerald-700',\n    achievement: 'text-spice-500',\n    skill: 'text-indigo-600',\n};\n\ntype JobListingBubbleProps = {\n    count: number | string;\n    type: 'job' | 'achievement' | 'skill';\n    className?: string;\n};\n\nexport const JobListingBubble: React.FC<JobListingBubbleProps> = ({\n    count = 0,\n    type = 'job',\n    className,\n}) => {\n    const imgSrc = TYPE_TO_COURSE_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} />\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 courseCountDisplay = `${qualificationDisplay?.courses?.fulfilledCount ?? 0}/${\n        qualificationDisplay?.courses?.totalRequiredCount ?? 0\n    }`;\n    const achievementsCountDisplay = `${qualificationDisplay?.achievements?.fulfilledCount ?? 0}/${\n        qualificationDisplay?.achievements?.totalRequiredCount ?? 0\n    }`;\n    const skillsCountDisplay = `${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] 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\">\n                    {qualificationDisplay?.courses?.fulfilledCount && (\n                        <JobListingBubble\n                            type={'job'}\n                            count={courseCountDisplay}\n                            className={'mr-[5px]'}\n                        />\n                    )}\n                    {qualificationDisplay?.achievements?.fulfilledCount && (\n                        <JobListingBubble\n                            type={'achievement'}\n                            count={achievementsCountDisplay}\n                            className={'mr-[5px]'}\n                        />\n                    )}\n                    {qualificationDisplay?.skills?.fulfilledCount && (\n                        <JobListingBubble\n                            type={'skill'}\n                            count={skillsCountDisplay}\n                            className={'mr-[0px]'}\n                        />\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":["MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","React"],"mappings":"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"}

package/dist/cjs/index.js

@@ -6,6 +6,7 @@ var Button = require('./Button-a7af702b.js');
 var CircleIcon = require('./CircleIcon-45ef66fd.js');
 var CourseCard = require('./CourseCard-c3c13b2c.js');
 var FlippyCard = require('./FlippyCard-33e03a9e.js');
+var JobListCard = require('./JobListCard-065f9225.js');
 var LearnCardCreditCardBackFace = require('./LearnCardCreditCardBackFace-87cc8b9f.js');
 var LearnCardCreditCardFrontFace = require('./LearnCardCreditCardFrontFace-4452fd7a.js');
 var CircleSpinner = require('./CircleSpinner-093cce04.js');
@@ -37,6 +38,9 @@ require('./lhplaceholder.png');
 require('./minitrophy.svg');
 require('./minijob.svg');
 require('./minipuzzle.svg');
+require('./minitrophycolored.svg');
+require('./minigradcapcolored.svg');
+require('./minipuzzlecolored.svg');
 require('./contactless-symbol.svg');
 require('./index-82de573c.js');
 require('./card-chip.svg');
@@ -66,6 +70,8 @@ exports.CircleIcon = CircleIcon.CircleIcon;
 exports.CountCircle = CircleIcon.CountCircle;
 exports.CourseCard = CourseCard.CourseCard;
 exports.FlippyCard = FlippyCard.FlippyCard;
+exports.JobListCard = JobListCard.JobListCard;
+exports.JobListingBubble = JobListCard.JobListingBubble;
 exports.LearnCardCreditCardBackFace = LearnCardCreditCardBackFace.LearnCardCreditCardBackFace;
 exports.LearnCardCreditCardFrontFace = LearnCardCreditCardFrontFace.LearnCardCreditCardFrontFace;
 exports.CircleLoadingState = CircleSpinner.CircleLoadingState;

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,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
+var CircleSpinner = require('./CircleSpinner-093cce04.js');
 require('react');
-require('./verified-check.png');
 
 
 
-exports.MiniVCThumbnail = MiniVCThumbnail.MiniVCThumbnail;
+exports.CircleLoadingState = CircleSpinner.CircleLoadingState;
 //# sourceMappingURL=index10.js.map

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/index11.js

@@ -2,13 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Notification = require('./Notification-92b06ed9.js');
+var MiniVCThumbnail = require('./MiniVCThumbnail-a78e44f2.js');
 require('react');
-require('./Trophy-9ede7f2b.js');
-require('./Checkmark-66ed153f.js');
+require('./verified-check.png');
 
 
 
-exports.Notification = Notification.Notification;
-exports.NotificationTypeStyles = Notification.NotificationTypeStyles;
+exports.MiniVCThumbnail = MiniVCThumbnail.MiniVCThumbnail;
 //# sourceMappingURL=index11.js.map

package/dist/cjs/index11.js.map

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

package/dist/cjs/index12.js

@@ -2,11 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
+var Notification = require('./Notification-92b06ed9.js');
 require('react');
-require('./index-82de573c.js');
+require('./Trophy-9ede7f2b.js');
+require('./Checkmark-66ed153f.js');
 
 
 
-exports.QRCodeCard = QRCodeCard.QRCodeCard;
+exports.Notification = Notification.Notification;
+exports.NotificationTypeStyles = Notification.NotificationTypeStyles;
 //# sourceMappingURL=index12.js.map

package/dist/cjs/index12.js.map

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

package/dist/cjs/index13.js

@@ -2,26 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RoundedSquare = require('./RoundedSquare-718776c6.js');
+var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
 require('react');
-require('./CircleIcon-45ef66fd.js');
-require('./coins.svg');
-require('./user.svg');
-require('./trophy.svg');
-require('./briefcase.svg');
-require('./graduation.svg');
-require('./lightbulb.svg');
-require('./walletcurrency.webp');
-require('./walletids.webp');
-require('./walletjobhistory.webp');
-require('./walletlearninghistory.webp');
-require('./walletskills.webp');
-require('./walletTrophy.webp');
+require('./index-82de573c.js');
 
 
 
-exports.RoundedSquare = RoundedSquare.RoundedSquare;
-exports.TYPE_TO_IMG_SRC = RoundedSquare.TYPE_TO_IMG_SRC;
-exports.TYPE_TO_WALLET_COLOR = RoundedSquare.TYPE_TO_WALLET_COLOR;
-exports.WALLET_SUBTYPES = RoundedSquare.WALLET_SUBTYPES;
+exports.QRCodeCard = QRCodeCard.QRCodeCard;
 //# sourceMappingURL=index13.js.map

package/dist/cjs/index13.js.map

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

package/dist/cjs/index14.js

@@ -2,10 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SchoolIDCard = require('./SchoolIDCard-32a47ae5.js');
+var RoundedSquare = require('./RoundedSquare-718776c6.js');
 require('react');
+require('./CircleIcon-45ef66fd.js');
+require('./coins.svg');
+require('./user.svg');
+require('./trophy.svg');
+require('./briefcase.svg');
+require('./graduation.svg');
+require('./lightbulb.svg');
+require('./walletcurrency.webp');
+require('./walletids.webp');
+require('./walletjobhistory.webp');
+require('./walletlearninghistory.webp');
+require('./walletskills.webp');
+require('./walletTrophy.webp');
 
 
 
-exports.SchoolIDCard = SchoolIDCard.SchoolIDCard;
+exports.RoundedSquare = RoundedSquare.RoundedSquare;
+exports.TYPE_TO_IMG_SRC = RoundedSquare.TYPE_TO_IMG_SRC;
+exports.TYPE_TO_WALLET_COLOR = RoundedSquare.TYPE_TO_WALLET_COLOR;
+exports.WALLET_SUBTYPES = RoundedSquare.WALLET_SUBTYPES;
 //# sourceMappingURL=index14.js.map

package/dist/cjs/index14.js.map

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

package/dist/cjs/index15.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
+var SchoolIDCard = require('./SchoolIDCard-32a47ae5.js');
 require('react');
 
 
 
-exports.SkillsCard = SkillsCard.SkillsCard;
-exports.SkillsMeterSegment = SkillsCard.SkillsMeterSegment;
+exports.SchoolIDCard = SchoolIDCard.SchoolIDCard;
 //# sourceMappingURL=index15.js.map

package/dist/cjs/index15.js.map

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

package/dist/cjs/index16.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
+var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 require('react');
-require('./skillgraph.svg');
 
 
 
-exports.SkillsStatsCard = SkillsStatsCard.SkillsStatsCard;
+exports.SkillsCard = SkillsCard.SkillsCard;
+exports.SkillsMeterSegment = SkillsCard.SkillsMeterSegment;
 //# sourceMappingURL=index16.js.map

package/dist/cjs/index17.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
+var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 require('react');
-require('./skillplaceholder.png');
+require('./skillgraph.svg');
 
 
 
-exports.SkillVerticalCard = SkillVerticalCard.SkillVerticalCard;
+exports.SkillsStatsCard = SkillsStatsCard.SkillsStatsCard;
 //# sourceMappingURL=index17.js.map

package/dist/cjs/index18.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SmallAchievementCard = require('./SmallAchievementCard-dc95ef2b.js');
+var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 require('react');
-require('./Trophy-9ede7f2b.js');
+require('./skillplaceholder.png');
 
 
 
-exports.SmallAchievementCard = SmallAchievementCard.SmallAchievementCard;
+exports.SkillVerticalCard = SkillVerticalCard.SkillVerticalCard;
 //# sourceMappingURL=index18.js.map

package/dist/cjs/index19.js

@@ -2,17 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkmark = require('./Checkmark-66ed153f.js');
-var Trophy = require('./Trophy-9ede7f2b.js');
+var SmallAchievementCard = require('./SmallAchievementCard-dc95ef2b.js');
 require('react');
+require('./Trophy-9ede7f2b.js');
 
 
 
-exports.Briefcase = Checkmark.Briefcase;
-exports.Checkmark = Checkmark.Checkmark;
-exports.Coins = Checkmark.Coins;
-exports.Graduation = Checkmark.Graduation;
-exports.Lightbulb = Checkmark.Lightbulb;
-exports.User = Checkmark.User;
-exports.Trophy = Trophy.Trophy;
+exports.SmallAchievementCard = SmallAchievementCard.SmallAchievementCard;
 //# sourceMappingURL=index19.js.map

package/dist/cjs/index19.js.map

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

package/dist/cjs/index20.js

@@ -2,24 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCCard = require('./VCCard-b63f75fc.js');
+var Checkmark = require('./Checkmark-66ed153f.js');
+var Trophy = require('./Trophy-9ede7f2b.js');
 require('react');
-require('@learncard/core');
-require('./VCDisplayCard-b67f991b.js');
-require('./FlippyCard-33e03a9e.js');
-require('./icon.green.fat-arrow.png');
-require('./ArrowArcRight.svg');
-require('./default-face.jpeg');
-require('./VCVerificationCheck-04f3f7bc.js');
-require('./vc.check.svg');
-require('./CircleSpinner-093cce04.js');
-require('./VCDisplayBackFace-4ae2b5c5.js');
-require('./VCVerificationPill-1d535a72.js');
-require('./RedXCircle.svg');
-require('./GreenCheckCircle.svg');
-require('./YellowWarningCircle.svg');
 
 
 
-exports.VCCard = VCCard.VCCard;
+exports.Briefcase = Checkmark.Briefcase;
+exports.Checkmark = Checkmark.Checkmark;
+exports.Coins = Checkmark.Coins;
+exports.Graduation = Checkmark.Graduation;
+exports.Lightbulb = Checkmark.Lightbulb;
+exports.User = Checkmark.User;
+exports.Trophy = Trophy.Trophy;
 //# sourceMappingURL=index20.js.map

package/dist/cjs/index20.js.map

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

package/dist/cjs/index21.js

@@ -2,18 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCDisplayBackFace = require('./VCDisplayBackFace-4ae2b5c5.js');
+var VCCard = require('./VCCard-b63f75fc.js');
 require('react');
+require('@learncard/core');
+require('./VCDisplayCard-b67f991b.js');
+require('./FlippyCard-33e03a9e.js');
+require('./icon.green.fat-arrow.png');
+require('./ArrowArcRight.svg');
+require('./default-face.jpeg');
 require('./VCVerificationCheck-04f3f7bc.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
+require('./VCDisplayBackFace-4ae2b5c5.js');
 require('./VCVerificationPill-1d535a72.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');
-require('./ArrowArcRight.svg');
 
 
 
-exports.VCDisplayBackFace = VCDisplayBackFace.VCDisplayBackFace;
+exports.VCCard = VCCard.VCCard;
 //# 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/index22.js

@@ -2,22 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCDisplayCard = require('./VCDisplayCard-b67f991b.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-4ae2b5c5.js');
 require('react');
-require('./FlippyCard-33e03a9e.js');
-require('./icon.green.fat-arrow.png');
-require('./ArrowArcRight.svg');
-require('./default-face.jpeg');
 require('./VCVerificationCheck-04f3f7bc.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
-require('./VCDisplayBackFace-4ae2b5c5.js');
 require('./VCVerificationPill-1d535a72.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');
+require('./ArrowArcRight.svg');
 
 
 
-exports.VCDisplayCard = VCDisplayCard.VCDisplayCard;
+exports.VCDisplayBackFace = VCDisplayBackFace.VCDisplayBackFace;
 //# sourceMappingURL=index22.js.map

package/dist/cjs/index22.js.map

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

package/dist/cjs/index23.js

@@ -1,9 +1,23 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var VCDisplayCard = require('./VCDisplayCard-b67f991b.js');
 require('react');
+require('./FlippyCard-33e03a9e.js');
 require('./icon.green.fat-arrow.png');
 require('./ArrowArcRight.svg');
 require('./default-face.jpeg');
+require('./VCVerificationCheck-04f3f7bc.js');
 require('./vc.check.svg');
+require('./CircleSpinner-093cce04.js');
+require('./VCDisplayBackFace-4ae2b5c5.js');
+require('./VCVerificationPill-1d535a72.js');
+require('./RedXCircle.svg');
+require('./GreenCheckCircle.svg');
+require('./YellowWarningCircle.svg');
+
+
 
+exports.VCDisplayCard = VCDisplayCard.VCDisplayCard;
 //# sourceMappingURL=index23.js.map

package/dist/cjs/index23.js.map

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

package/dist/cjs/index24.js

@@ -1,13 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var VCThumbnail = require('./VCThumbnail-584d0b5f.js');
 require('react');
 require('./icon.green.fat-arrow.png');
-require('./verified-check.png');
-
-
+require('./ArrowArcRight.svg');
+require('./default-face.jpeg');
+require('./vc.check.svg');
 
-exports.VCThumbnail = VCThumbnail.VCThumbnail;
 //# sourceMappingURL=index24.js.map

package/dist/cjs/index24.js.map

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