@learncard/react 2.5.2 → 2.5.4

package/dist/cjs/index7.js

@@ -2,14 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CourseCard = require('./CourseCard-338a32ee.js');
+var CircleIcon = require('./CircleIcon-a45953f5.js');
 require('react');
-require('./lhplaceholder.png');
-require('./minitrophy.svg');
-require('./minijob.svg');
+require('./index-d836b84d.js');
+require('./icons-ac6eb6ec.js');
+require('./coins.svg');
+require('./user.svg');
+require('./trophy.svg');
+require('./briefcase.svg');
+require('./graduation.svg');
+require('./lightbulb.svg');
+require('./award.svg');
 require('./minipuzzle.svg');
+require('./minitrophy.svg');
+require('./gradcaplight.svg');
 
 
 
-exports.CourseCard = CourseCard.CourseCard;
+exports.CircleIcon = CircleIcon.CircleIcon;
+exports.CountCircle = CircleIcon.CountCircle;
 //# sourceMappingURL=index7.js.map

package/dist/cjs/index7.js.map

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

package/dist/cjs/index8.js

@@ -2,26 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CourseVerticalCard = require('./CourseVerticalCard-5ac6adea.js');
+var CourseCard = require('./CourseCard-338a32ee.js');
 require('react');
 require('./lhplaceholder.png');
 require('./minitrophy.svg');
 require('./minijob.svg');
 require('./minipuzzle.svg');
-require('./index-6b34c190.js');
-require('./CircleCheckButton-78959cce.js');
-require('./RoundedPill-75454f72.js');
-require('./icons-6433b474.js');
-require('./coins.svg');
-require('./user.svg');
-require('./trophy.svg');
-require('./briefcase.svg');
-require('./graduation.svg');
-require('./lightbulb.svg');
-require('./award.svg');
-require('./gradcaplight.svg');
 
 
 
-exports.CourseVerticalCard = CourseVerticalCard.CourseVerticalCard;
+exports.CourseCard = CourseCard.CourseCard;
 //# sourceMappingURL=index8.js.map

package/dist/cjs/index8.js.map

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

package/dist/cjs/index9.js

@@ -2,10 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FlippyCard = require('./FlippyCard-209549c5.js');
+var CourseVerticalCard = require('./CourseVerticalCard-b76f5407.js');
 require('react');
+require('./lhplaceholder.png');
+require('./minitrophy.svg');
+require('./minijob.svg');
+require('./minipuzzle.svg');
+require('./index-d836b84d.js');
+require('./CircleCheckButton-43c96841.js');
+require('./RoundedPill-85e7ed68.js');
+require('./icons-ac6eb6ec.js');
+require('./coins.svg');
+require('./user.svg');
+require('./trophy.svg');
+require('./briefcase.svg');
+require('./graduation.svg');
+require('./lightbulb.svg');
+require('./award.svg');
+require('./gradcaplight.svg');
 
 
 
-exports.FlippyCard = FlippyCard.FlippyCard;
+exports.CourseVerticalCard = CourseVerticalCard.CourseVerticalCard;
 //# sourceMappingURL=index9.js.map

package/dist/cjs/index9.js.map

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

package/dist/esm/{AchievementCard-3f315f82.js → AchievementCard-b9eb551c.js}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { T as TYPE_TO_MINI_ICON } from './index-ac32d7be.js';
-import { L as LCSubtypes } from './index-52cf2d17.js';
+import { T as TYPE_TO_MINI_ICON } from './index-7dcfe90e.js';
+import { L as LCSubtypes } from './index-7103ad3c.js';
 import { T as Trophy } from './Trophy-702610b8.js';
-import { C as CircleCheckButton } from './CircleCheckButton-3bad7847.js';
-import { R as RoundedPill } from './RoundedPill-c03442e5.js';
+import { C as CircleCheckButton } from './CircleCheckButton-551054f6.js';
+import { R as RoundedPill } from './RoundedPill-731211b3.js';
 
 const AchievementCard = ({
   title = "Title Lorem Ipsum",
@@ -58,4 +58,4 @@ const AchievementCard = ({
 };
 
 export { AchievementCard as A };
-//# sourceMappingURL=AchievementCard-3f315f82.js.map
+//# sourceMappingURL=AchievementCard-b9eb551c.js.map

package/dist/esm/{AchievementCard-3f315f82.js.map → AchievementCard-b9eb551c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AchievementCard-3f315f82.js","sources":["../../src/components/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { AchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { Trophy } from '../svgs';\nimport { TYPE_TO_MINI_ICON } from '../../constants';\nimport { LCSubtypes } from '../../types';\n\nexport const AchievementCard: React.FC<AchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    claimStatus,\n    showSkills = true,\n    showChecked,\n    checked,\n    skillCount,\n    showStatus = true,\n    onCheckClick,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n\n    const claimBtnStatusType = claimStatus ? LCSubtypes.achievement : LCSubtypes.locked;\n    const skillIconSrc = TYPE_TO_MINI_ICON[LCSubtypes.skill];\n    const skillCountTxt = skillCount && skillCount > 1 ? 'Skills' : 'Skill';\n    const showSkillCounter = showSkills && skillCount !== 0;\n\n    return (\n        <div\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-cover rounded-[20px]\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc === '') && (\n                    <Trophy\n                        className=\"achievement-placeholder-trophy flex p-[15px]\"\n                        color=\"#ffffff\"\n                    />\n                )}\n\n                {showSkills && showSkillCounter && (\n                    <div className=\"absolute px-[10px] text-[14px] flex items-center justify-center text-indigo-600 skill-pill font-bold min-w-[100px] bottom-[10px] right-[9px] rounded-[20px] h-[30px] bg-indigo-50 \">\n                        <img\n                            src={skillIconSrc}\n                            className=\"flex items-center justify-center mr-[4px]\"\n                        />\n                        +{skillCount} {skillCountTxt}\n                    </div>\n                )}\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-[14px] text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n\n            <section className=\"achievement-card-footer absolute bottom-[6px] left-[5px]\">\n                {showStatus && (\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Claimed'}\n                    />\n                )}\n            </section>\n        </div>\n    );\n};\n\nexport default AchievementCard;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,kBAAkD,CAAC;AAAA,EAC5D,KAAQ,GAAA,mBAAA;AAAA,EACR,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,WAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,YAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAM,MAAA,UAAA,GAAa,cAAc,iBAAoB,GAAA,eAAA,CAAA;AAErD,EAAA,MAAM,kBAAqB,GAAA,WAAA,GAAc,UAAW,CAAA,WAAA,GAAc,UAAW,CAAA,MAAA,CAAA;AAC7E,EAAM,MAAA,YAAA,GAAe,kBAAkB,UAAW,CAAA,KAAA,CAAA,CAAA;AAClD,EAAA,MAAM,aAAgB,GAAA,UAAA,IAAc,UAAa,GAAA,CAAA,GAAI,QAAW,GAAA,OAAA,CAAA;AAChE,EAAM,MAAA,gBAAA,GAAmB,cAAc,UAAe,KAAA,CAAA,CAAA;AAEtD,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAW,EAAA,CAAA,2IAAA,CAAA;AAAA,GAAA,kBAEV,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,WAAW,CAA2B,wBAAA,EAAA,UAAA,CAAA,2DAAA,CAAA;AAAA,GAAA,EAErC,+BACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,2CAAA;AAAA,IACV,KAAK,WAAe,IAAA,IAAA,GAAA,WAAA,GAAA,EAAA;AAAA,IACpB,GAAI,EAAA,8BAAA;AAAA,GACR,CAEF,EAAA,CAAA,CAAC,WAAe,IAAA,WAAA,KAAgB,uBAC7B,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,SAAU,EAAA,8CAAA;AAAA,IACV,KAAM,EAAA,SAAA;AAAA,GACV,CAAA,EAGH,UAAc,IAAA,gBAAA,oBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,oLAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,GAAK,EAAA,YAAA;AAAA,IACL,SAAU,EAAA,2CAAA;AAAA,GACd,GAAE,GACA,EAAA,UAAA,EAAW,KAAE,aACnB,CAAA,EAGH,+BACI,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,OAAS,EAAA,YAAA;AAAA,IACT,SAAU,EAAA,+BAAA;AAAA,GACd,CAER,mBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,2DAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,gEAAA;AAAA,GACR,EAAA,KACL,CACJ,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,0DAAA;AAAA,GAAA,EACd,8BACI,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,aAAa,EAAA,IAAA;AAAA,IACb,IAAM,EAAA,kBAAA;AAAA,IACN,UAAY,EAAA,SAAA;AAAA,GAChB,CAER,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"AchievementCard-b9eb551c.js","sources":["../../src/components/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { AchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { Trophy } from '../svgs';\nimport { TYPE_TO_MINI_ICON } from '../../constants';\nimport { LCSubtypes } from '../../types';\n\nexport const AchievementCard: React.FC<AchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    claimStatus,\n    showSkills = true,\n    showChecked,\n    checked,\n    skillCount,\n    showStatus = true,\n    onCheckClick,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n\n    const claimBtnStatusType = claimStatus ? LCSubtypes.achievement : LCSubtypes.locked;\n    const skillIconSrc = TYPE_TO_MINI_ICON[LCSubtypes.skill];\n    const skillCountTxt = skillCount && skillCount > 1 ? 'Skills' : 'Skill';\n    const showSkillCounter = showSkills && skillCount !== 0;\n\n    return (\n        <div\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-cover rounded-[20px]\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc === '') && (\n                    <Trophy\n                        className=\"achievement-placeholder-trophy flex p-[15px]\"\n                        color=\"#ffffff\"\n                    />\n                )}\n\n                {showSkills && showSkillCounter && (\n                    <div className=\"absolute px-[10px] text-[14px] flex items-center justify-center text-indigo-600 skill-pill font-bold min-w-[100px] bottom-[10px] right-[9px] rounded-[20px] h-[30px] bg-indigo-50 \">\n                        <img\n                            src={skillIconSrc}\n                            className=\"flex items-center justify-center mr-[4px]\"\n                        />\n                        +{skillCount} {skillCountTxt}\n                    </div>\n                )}\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-[14px] text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n\n            <section className=\"achievement-card-footer absolute bottom-[6px] left-[5px]\">\n                {showStatus && (\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Claimed'}\n                    />\n                )}\n            </section>\n        </div>\n    );\n};\n\nexport default AchievementCard;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,kBAAkD,CAAC;AAAA,EAC5D,KAAQ,GAAA,mBAAA;AAAA,EACR,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,WAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,YAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAM,MAAA,UAAA,GAAa,cAAc,iBAAoB,GAAA,eAAA,CAAA;AAErD,EAAA,MAAM,kBAAqB,GAAA,WAAA,GAAc,UAAW,CAAA,WAAA,GAAc,UAAW,CAAA,MAAA,CAAA;AAC7E,EAAM,MAAA,YAAA,GAAe,kBAAkB,UAAW,CAAA,KAAA,CAAA,CAAA;AAClD,EAAA,MAAM,aAAgB,GAAA,UAAA,IAAc,UAAa,GAAA,CAAA,GAAI,QAAW,GAAA,OAAA,CAAA;AAChE,EAAM,MAAA,gBAAA,GAAmB,cAAc,UAAe,KAAA,CAAA,CAAA;AAEtD,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAW,EAAA,CAAA,2IAAA,CAAA;AAAA,GAAA,kBAEV,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,WAAW,CAA2B,wBAAA,EAAA,UAAA,CAAA,2DAAA,CAAA;AAAA,GAAA,EAErC,+BACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,2CAAA;AAAA,IACV,KAAK,WAAe,IAAA,IAAA,GAAA,WAAA,GAAA,EAAA;AAAA,IACpB,GAAI,EAAA,8BAAA;AAAA,GACR,CAEF,EAAA,CAAA,CAAC,WAAe,IAAA,WAAA,KAAgB,uBAC7B,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,SAAU,EAAA,8CAAA;AAAA,IACV,KAAM,EAAA,SAAA;AAAA,GACV,CAAA,EAGH,UAAc,IAAA,gBAAA,oBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,oLAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,GAAK,EAAA,YAAA;AAAA,IACL,SAAU,EAAA,2CAAA;AAAA,GACd,GAAE,GACA,EAAA,UAAA,EAAW,KAAE,aACnB,CAAA,EAGH,+BACI,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,OAAS,EAAA,YAAA;AAAA,IACT,SAAU,EAAA,+BAAA;AAAA,GACd,CAER,mBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,2DAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,gEAAA;AAAA,GACR,EAAA,KACL,CACJ,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,0DAAA;AAAA,GAAA,EACd,8BACI,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,aAAa,EAAA,IAAA;AAAA,IACb,IAAM,EAAA,kBAAA;AAAA,IACN,UAAY,EAAA,SAAA;AAAA,GAChB,CAER,CACJ,CAAA,CAAA;AAER;;;;"}

package/dist/esm/BoostGenericCard-9c14e541.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { W as WalletCategoryTypes } from './index-7103ad3c.js';
+import { a as TYPE_TO_IMG_SRC, b as TYPE_TO_WALLET_DARK_COLOR } from './index-7dcfe90e.js';
+import { C as CircleCheckButton } from './CircleCheckButton-551054f6.js';
+
+const BoostGenericCard = ({
+  title,
+  thumbImgSrc,
+  customThumbClass = "",
+  customHeaderClass = "",
+  type = WalletCategoryTypes.achievements,
+  className,
+  onCheckClick,
+  showChecked,
+  checkStatus,
+  customThumbComponent,
+  innerOnClick,
+  bgImgSrc,
+  issuerName,
+  dateDisplay
+}) => {
+  var _a, _b;
+  const thumbClass = (_a = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`) != null ? _a : "bg-grayscale-50";
+  const defaultThumbClass = `small-boost-card-thumb flex h-[110px] w-[110px] my-[10px] mx-auto ${thumbClass} overflow-hidden flex-col justify-center items-center rounded-full ${customThumbClass}`;
+  const imgSrc = (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" ? thumbImgSrc : TYPE_TO_IMG_SRC[type];
+  (_b = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`) != null ? _b : "bg-grayscale-900";
+  const checkBtnClass = checkStatus ? "generic-vc-card checked" : "generic-vc-card unchecked";
+  const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;
+  const handleInnerClick = () => {
+    innerOnClick == null ? void 0 : innerOnClick();
+  };
+  return /* @__PURE__ */ React.createElement("div", {
+    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-[250px] rounded-[20px] overflow-hidden ${className}`
+  }, bgImgSrc && /* @__PURE__ */ React.createElement("section", {
+    className: "absolute top-[-50px] left-[0px] rounded-b-full overflow-hidden z-0"
+  }, /* @__PURE__ */ React.createElement("img", {
+    className: "h-full w-full object-cover overflow-hidden",
+    src: bgImgSrc
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "boost-small-card inner-click-containe z-10",
+    onClick: handleInnerClick
+  }, customThumbComponent && customThumbComponent, !customThumbComponent && /* @__PURE__ */ React.createElement("section", {
+    className: defaultThumbClass
+  }, thumbImgSrc && (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" && /* @__PURE__ */ React.createElement("img", {
+    className: "generic-display-card-img h-full w-full  w-[110px] h-[110px] rounded-full object-cover overflow-hidden",
+    src: thumbImgSrc != null ? thumbImgSrc : "",
+    alt: "Credential Achievement Image"
+  }), (!thumbImgSrc || (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) === "") && /* @__PURE__ */ React.createElement("img", {
+    className: "max-w-[110px] w-full h-full p-[0px] object-cover rounded-full",
+    src: imgSrc
+  })), /* @__PURE__ */ React.createElement("section", {
+    className: defaultHeaderClass
+  }, /* @__PURE__ */ React.createElement("p", {
+    className: "relative z-[100] small-boost-title text-[17px] p-[0px] font-semibold text-center  text-grayscale-900 line-clamp-2"
+  }, title)), /* @__PURE__ */ React.createElement("section", {
+    className: "small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full"
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "flex items-center justify-center small-generic-boost-issuer-name line-clamp-1 text-[12px] text-grayscale-700 font-bold px-[6px]"
+  }, "by ", issuerName), /* @__PURE__ */ React.createElement("p", {
+    className: "small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700  px-[7px]"
+  }, dateDisplay)), showChecked && /* @__PURE__ */ React.createElement("div", {
+    className: "check-btn-overlay absolute top-[5px] left-[5px]"
+  }, /* @__PURE__ */ React.createElement(CircleCheckButton, {
+    checked: checkStatus,
+    onClick: onCheckClick,
+    className: checkBtnClass
+  }))));
+};
+
+export { BoostGenericCard as B };
+//# sourceMappingURL=BoostGenericCard-9c14e541.js.map

package/dist/esm/BoostGenericCard-9c14e541.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoostGenericCard-9c14e541.js","sources":["../../src/components/BoostGenericCard/BoostGenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport {BoostGenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport CaretRightFilled from '../../assets/images/CaretRightFilled.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport AddAwardLight from '../../assets/images/addawardlight.svg';\n\nexport const BoostGenericCard: React.FC<BoostGenericCardProps> = ({\n    title,\n    thumbImgSrc,\n    customThumbClass = '',\n    customHeaderClass = '',\n    type = WalletCategoryTypes.achievements,\n    className,\n    onCheckClick,\n    showChecked,\n    checkStatus,\n    customThumbComponent,\n    innerOnClick,\n    bgImgSrc,\n    issuerName,\n    dateDisplay,\n}) => {\n    const thumbClass = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-50';\n    const defaultThumbClass = `small-boost-card-thumb flex h-[110px] w-[110px] my-[10px] mx-auto ${thumbClass} overflow-hidden flex-col justify-center items-center rounded-full ${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 checkBtnClass = checkStatus ? 'generic-vc-card checked' : 'generic-vc-card unchecked';\n    const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;\n\n\n    const handleInnerClick = () => {\n        innerOnClick?.();\n    };\n\n    return (\n        <div\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-[250px] rounded-[20px] overflow-hidden ${className}`}\n        >\n            {bgImgSrc && (\n                <section className=\"absolute top-[-50px] left-[0px] rounded-b-full overflow-hidden z-0\">\n                    <img className=\"h-full w-full object-cover overflow-hidden\" src={bgImgSrc} />\n                </section>\n            )}\n            <div className=\"boost-small-card inner-click-containe z-10\" onClick={handleInnerClick}>\n                {customThumbComponent && customThumbComponent}\n                {!customThumbComponent && (\n                    <section className={defaultThumbClass}>\n                        {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n                            <img\n                                className=\"generic-display-card-img h-full w-full  w-[110px] h-[110px] rounded-full object-cover overflow-hidden\"\n                                src={thumbImgSrc ?? ''}\n                                alt=\"Credential Achievement Image\"\n                            />\n                        )}\n                        {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n                            <img\n                                className=\"max-w-[110px] w-full h-full p-[0px] object-cover rounded-full\"\n                                src={imgSrc}\n                            />\n                        )}\n                    </section>\n                )}\n\n                <section className={defaultHeaderClass}>\n                    <p className=\"relative z-[100] small-boost-title text-[17px] p-[0px] font-semibold text-center  text-grayscale-900 line-clamp-2\">\n                        {title}\n                    </p>\n                </section>\n\n             \n\n                <section className=\"small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full\">\n               \n                        <span className=\"flex items-center justify-center small-generic-boost-issuer-name line-clamp-1 text-[12px] text-grayscale-700 font-bold px-[6px]\">by {issuerName}</span>\n                        <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700  px-[7px]\">{dateDisplay}</p>\n                      \n                </section>\n                {showChecked && (\n                    <div className=\"check-btn-overlay absolute top-[5px] left-[5px]\">\n                        <CircleCheckButton\n                            checked={checkStatus}\n                            onClick={onCheckClick}\n                            className={checkBtnClass}\n                        />\n                    </div>\n                )}\n            </div>\n          \n        </div>\n    );\n};\n\nexport default BoostGenericCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/{BoostSmallCard-0f4fec3b.js → BoostSmallCard-68be5155.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { W as WalletCategoryTypes } from './index-52cf2d17.js';
-import { a as TYPE_TO_IMG_SRC, b as TYPE_TO_WALLET_DARK_COLOR } from './index-ac32d7be.js';
+import { W as WalletCategoryTypes } from './index-7103ad3c.js';
+import { b as TYPE_TO_WALLET_DARK_COLOR, a as TYPE_TO_IMG_SRC } from './index-7dcfe90e.js';
 import CaretRightFilled from './CaretRightFilled.svg';
 import DefaultFace from './default-face.jpeg';
 import AddAwardLight from './addawardlight.svg';
-import { C as CircleCheckButton } from './CircleCheckButton-3bad7847.js';
+import { C as CircleCheckButton } from './CircleCheckButton-551054f6.js';
 
 const BoostSmallCard = ({
   title = "Title Lorem Ipsum",
@@ -23,7 +23,8 @@ const BoostSmallCard = ({
   customBodyComponent,
   customThumbComponent,
   innerOnClick,
-  issueHistory
+  issueHistory,
+  bgImgSrc
 }) => {
   var _a, _b, _c;
   const thumbClass = (_a = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`) != null ? _a : "bg-grayscale-50";
@@ -34,7 +35,7 @@ const BoostSmallCard = ({
   const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;
   const defaultBodyClass = ` boost-small-card-body flex justify-center items-center text-center text-[14px] overflow-hidden text-grayscale-500 p-[10px] ${customBodyClass}`;
   const defaultButtonClass = `small-boost-boost-btn flex shadow-bottom boost-btn-click rounded-[40px] w-[140px] h-[48px] text-white flex justify-center items-center ${headerBgColor}`;
-  const issueHistoryDisplay = (issueHistory == null ? void 0 : issueHistory.length) > 3 ? issueHistory == null ? void 0 : issueHistory.slice(0, 3) : issueHistory;
+  const issueHistoryDisplay = issueHistory && (issueHistory == null ? void 0 : issueHistory.length) > 3 ? issueHistory == null ? void 0 : issueHistory.slice(0, 3) : issueHistory;
   const renderIssueHistory = issueHistoryDisplay == null ? void 0 : issueHistoryDisplay.map((issueItem) => {
     return /* @__PURE__ */ React.createElement("div", {
       key: issueItem == null ? void 0 : issueItem.id,
@@ -50,8 +51,13 @@ const BoostSmallCard = ({
   };
   return /* @__PURE__ */ React.createElement("div", {
     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-[280px] rounded-[20px] overflow-hidden ${className}`
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "boost-small-card inner-click-container",
+  }, bgImgSrc && /* @__PURE__ */ React.createElement("section", {
+    className: "absolute top-[-50px] left-[0px] rounded-b-full overflow-hidden z-0"
+  }, /* @__PURE__ */ React.createElement("img", {
+    className: "h-full w-full object-cover overflow-hidden",
+    src: bgImgSrc
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "boost-small-card inner-click-containe z-10",
     onClick: handleInnerClick
   }, customThumbComponent && customThumbComponent, !customThumbComponent && /* @__PURE__ */ React.createElement("section", {
     className: defaultThumbClass
@@ -68,7 +74,7 @@ const BoostSmallCard = ({
     className: "relative z-[100] small-boost-title text-[14px] p-[0px] font-bold text-center line-clamp-2"
   }, title)), /* @__PURE__ */ React.createElement("section", {
     className: defaultBodyClass
-  }, customBodyComponent && customBodyComponent, !customBodyComponent && issueHistory && (issueHistory == null ? void 0 : issueHistory.length) > 0 && renderIssueHistory, !customBodyComponent && (issueHistory == null ? void 0 : issueHistory.length) > 3 && /* @__PURE__ */ React.createElement("span", {
+  }, customBodyComponent && customBodyComponent, !customBodyComponent && issueHistory && (issueHistory == null ? void 0 : issueHistory.length) > 0 && renderIssueHistory, !customBodyComponent && issueHistory && (issueHistory == null ? void 0 : issueHistory.length) > 3 && /* @__PURE__ */ React.createElement("span", {
     className: "small-boost-issue-count ml-[10px] font-semibold"
   }, "+", (issueHistory == null ? void 0 : issueHistory.length) - 3)), /* @__PURE__ */ React.createElement("section", {
     className: "small-boost-card-footer flex justify-center items-center absolute bottom-[15px] w-full"
@@ -98,4 +104,4 @@ const BoostSmallCard = ({
 };
 
 export { BoostSmallCard as B };
-//# sourceMappingURL=BoostSmallCard-0f4fec3b.js.map
+//# sourceMappingURL=BoostSmallCard-68be5155.js.map

package/dist/esm/BoostSmallCard-68be5155.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoostSmallCard-68be5155.js","sources":["../../src/components/BoostSmallCard/BoostSmallCard.tsx"],"sourcesContent":["import React from 'react';\nimport { BoostSmallCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport CaretRightFilled from '../../assets/images/CaretRightFilled.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport AddAwardLight from '../../assets/images/addawardlight.svg';\n\nexport const BoostSmallCard: React.FC<BoostSmallCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    customThumbClass = '',\n    customHeaderClass = '',\n    type = WalletCategoryTypes.achievements,\n    className,\n    onCheckClick,\n    showChecked,\n    checkStatus,\n    arrowOnClick,\n    buttonOnClick,\n    customButtonComponent,\n    customBodyClass,\n    customBodyComponent,\n    customThumbComponent,\n    innerOnClick,\n    issueHistory,\n    bgImgSrc,\n}) => {\n    const thumbClass = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` ?? 'bg-grayscale-50';\n    const defaultThumbClass = `small-boost-card-thumb flex h-[110px] w-[110px] my-[10px] mx-auto ${thumbClass} overflow-hidden flex-col justify-center items-center rounded-full ${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 checkBtnClass = checkStatus ? 'generic-vc-card checked' : 'generic-vc-card unchecked';\n    const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;\n    const defaultBodyClass = ` boost-small-card-body flex justify-center items-center text-center text-[14px] overflow-hidden text-grayscale-500 p-[10px] ${customBodyClass}`;\n    const defaultButtonClass = `small-boost-boost-btn flex shadow-bottom boost-btn-click rounded-[40px] w-[140px] h-[48px] text-white flex justify-center items-center ${headerBgColor}`;\n\n    const issueHistoryDisplay = issueHistory && issueHistory?.length > 3 ? issueHistory?.slice(0, 3) : issueHistory;\n    const renderIssueHistory = issueHistoryDisplay?.map(issueItem => {\n        return (\n            <div\n                key={issueItem?.id}\n                className=\"profile-thumb-img border-[2px] border-white border-solid  vc-issuee-image h-[35px] w-[35px] rounded-full overflow-hidden mx-[-5px]\"\n            >\n                <img\n                    className=\"h-full w-full object-cover\"\n                    src={issueItem?.thumb || DefaultFace}\n                    alt=\"profile\"\n                />\n            </div>\n        );\n    });\n\n    const handleInnerClick = () => {\n        innerOnClick?.();\n    };\n\n    return (\n        <div\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-[280px] rounded-[20px] overflow-hidden ${className}`}\n        >\n            {bgImgSrc && (\n                <section className=\"absolute top-[-50px] left-[0px] rounded-b-full overflow-hidden z-0\">\n                    <img className=\"h-full w-full object-cover overflow-hidden\" src={bgImgSrc} />\n                </section>\n            )}\n            <div className=\"boost-small-card inner-click-containe z-10\" onClick={handleInnerClick}>\n                {customThumbComponent && customThumbComponent}\n                {!customThumbComponent && (\n                    <section className={defaultThumbClass}>\n                        {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n                            <img\n                                className=\"generic-display-card-img h-full w-full  w-[110px] h-[110px] rounded-full object-cover overflow-hidden\"\n                                src={thumbImgSrc ?? ''}\n                                alt=\"Credential Achievement Image\"\n                            />\n                        )}\n                        {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n                            <img\n                                className=\"max-w-[110px] w-full h-full p-[0px] object-cover rounded-full\"\n                                src={imgSrc}\n                            />\n                        )}\n                    </section>\n                )}\n\n                <section className={defaultHeaderClass}>\n                    <p className=\"relative z-[100] small-boost-title text-[14px] p-[0px] font-bold text-center line-clamp-2\">\n                        {title}\n                    </p>\n                </section>\n\n                <section className={defaultBodyClass}>\n                    {customBodyComponent && customBodyComponent}\n                    {!customBodyComponent &&\n                        issueHistory &&\n                        issueHistory?.length > 0 &&\n                        renderIssueHistory}\n                    {!customBodyComponent && issueHistory && issueHistory?.length > 3 && (\n                        <span className=\"small-boost-issue-count ml-[10px] font-semibold\">\n                            +{issueHistory?.length - 3}\n                        </span>\n                    )}\n                </section>\n\n                <section className=\"small-boost-card-footer flex justify-center items-center absolute bottom-[15px] w-full\">\n                    {customButtonComponent && customButtonComponent}\n\n                    {!customButtonComponent && (\n                        <div onClick={buttonOnClick} className={defaultButtonClass}>\n                            <img className=\"h-[25px] mr-[7px] text-\" src={AddAwardLight} />\n                            <span className=\"font-mouse text-[25px] tracking-wider\">BOOST!</span>\n                        </div>\n                    )}\n                </section>\n                {showChecked && (\n                    <div className=\"check-btn-overlay absolute top-[5px] left-[5px]\">\n                        <CircleCheckButton\n                            checked={checkStatus}\n                            onClick={onCheckClick}\n                            className={checkBtnClass}\n                        />\n                    </div>\n                )}\n            </div>\n            {arrowOnClick && (\n                <button\n                    type=\"button\"\n                    onClick={arrowOnClick}\n                    className=\"arrow-btn-overlay absolute top-[52px] right-[2px]\"\n                >\n                    <img\n                        className=\"h-full w-full object-contai\"\n                        src={CaretRightFilled ?? ''}\n                        alt=\"Right Caret\"\n                    />\n                </button>\n            )}\n        </div>\n    );\n};\n\nexport default BoostSmallCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/{CircleCheckButton-3bad7847.js → CircleCheckButton-551054f6.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { C as CheckmarkSvg } from './RoundedPill-c03442e5.js';
+import { C as CheckmarkSvg } from './RoundedPill-731211b3.js';
 
 const CircleCheckButton = ({
   checked,
@@ -21,4 +21,4 @@ const CircleCheckButton = ({
 };
 
 export { CircleCheckButton as C };
-//# sourceMappingURL=CircleCheckButton-3bad7847.js.map
+//# sourceMappingURL=CircleCheckButton-551054f6.js.map

package/dist/esm/{CircleCheckButton-3bad7847.js.map → CircleCheckButton-551054f6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CircleCheckButton-3bad7847.js","sources":["../../src/components/CircleCheckButton/CircleCheckButton.tsx"],"sourcesContent":["import React from 'react';\nimport { CircleCheckButtonProps } from '../../types';\nimport { CheckmarkSvg } from '../RoundedPill';\n\nexport const CircleCheckButton: React.FC<CircleCheckButtonProps> = ({\n    checked,\n    onClick,\n    bgColor,\n    className = '',\n}) => {\n    const backgroundColor = checked ? 'bg-emerald-700' : bgColor ? bgColor : 'bg-gray-50';\n\n    const handleClick = () => {\n        onClick?.();\n    };\n\n    return (\n        <button\n            type=\"button\"\n            onClick={handleClick}\n            className={`w-[32px] h-[32px] flex items-center justify-center border-4 border-gray-50 rounded-full text-gray-700  ${backgroundColor} ${className}`}\n        >\n            <CheckmarkSvg color=\"#ffffff\" />\n        </button>\n    );\n};\n\nexport default CircleCheckButton;\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAsD,CAAC;AAAA,EAChE,OAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAChB,CAAM,KAAA;AACF,EAAA,MAAM,eAAkB,GAAA,OAAA,GAAU,gBAAmB,GAAA,OAAA,GAAU,OAAU,GAAA,YAAA,CAAA;AAEzE,EAAA,MAAM,cAAc,MAAM;AACtB,IAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,EAAA,CAAA;AAAA,GACJ,CAAA;AAEA,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACG,IAAK,EAAA,QAAA;AAAA,IACL,OAAS,EAAA,WAAA;AAAA,IACT,SAAA,EAAW,0GAA0G,eAAmB,CAAA,CAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAEvI,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IAAa,KAAM,EAAA,SAAA;AAAA,GAAU,CAClC,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"CircleCheckButton-551054f6.js","sources":["../../src/components/CircleCheckButton/CircleCheckButton.tsx"],"sourcesContent":["import React from 'react';\nimport { CircleCheckButtonProps } from '../../types';\nimport { CheckmarkSvg } from '../RoundedPill';\n\nexport const CircleCheckButton: React.FC<CircleCheckButtonProps> = ({\n    checked,\n    onClick,\n    bgColor,\n    className = '',\n}) => {\n    const backgroundColor = checked ? 'bg-emerald-700' : bgColor ? bgColor : 'bg-gray-50';\n\n    const handleClick = () => {\n        onClick?.();\n    };\n\n    return (\n        <button\n            type=\"button\"\n            onClick={handleClick}\n            className={`w-[32px] h-[32px] flex items-center justify-center border-4 border-gray-50 rounded-full text-gray-700  ${backgroundColor} ${className}`}\n        >\n            <CheckmarkSvg color=\"#ffffff\" />\n        </button>\n    );\n};\n\nexport default CircleCheckButton;\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAsD,CAAC;AAAA,EAChE,OAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAChB,CAAM,KAAA;AACF,EAAA,MAAM,eAAkB,GAAA,OAAA,GAAU,gBAAmB,GAAA,OAAA,GAAU,OAAU,GAAA,YAAA,CAAA;AAEzE,EAAA,MAAM,cAAc,MAAM;AACtB,IAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,EAAA,CAAA;AAAA,GACJ,CAAA;AAEA,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACG,IAAK,EAAA,QAAA;AAAA,IACL,OAAS,EAAA,WAAA;AAAA,IACT,SAAA,EAAW,0GAA0G,eAAmB,CAAA,CAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAEvI,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IAAa,KAAM,EAAA,SAAA;AAAA,GAAU,CAClC,CAAA,CAAA;AAER;;;;"}

package/dist/esm/{CircleIcon-3ab835f3.js → CircleIcon-38b874e2.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { I as Icons } from './index-52cf2d17.js';
-import { I as ICONS_TO_SOURCE } from './icons-2c3532f9.js';
+import { I as Icons } from './index-7103ad3c.js';
+import { I as ICONS_TO_SOURCE } from './icons-9d160530.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1073,4 +1073,4 @@ const CircleIcon = ({
 };
 
 export { CountCircle as C, CircleIcon as a };
-//# sourceMappingURL=CircleIcon-3ab835f3.js.map
+//# sourceMappingURL=CircleIcon-38b874e2.js.map