@learncard/react 2.7.20 → 2.7.23

package/dist/esm/{AchievementCard-1d5d1b61.js → AchievementCard-017092a3.js}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { R as RoundedPill } from './RoundedPill-6a6e8aaf.js';
-import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
-import { T as Trophy } from './Trophy-ad67f46a.js';
 import { T as TYPE_TO_MINI_ICON } from './index-5d5219f7.js';
 import { L as LCSubtypes } from './index-28917993.js';
+import { T as Trophy } from './Trophy-ad67f46a.js';
+import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
+import { R as RoundedPill } from './RoundedPill-6a6e8aaf.js';
 
 const AchievementCard = ({
   title = "Title Lorem Ipsum",
@@ -58,4 +58,4 @@ const AchievementCard = ({
 };
 
 export { AchievementCard as A };
-//# sourceMappingURL=AchievementCard-1d5d1b61.js.map
+//# sourceMappingURL=AchievementCard-017092a3.js.map

package/dist/esm/{AchievementCard-1d5d1b61.js.map → AchievementCard-017092a3.js.map}

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { W as WalletCategoryTypes } from './index-28917993.js';
 import { a as TYPE_TO_IMG_SRC, b as TYPE_TO_WALLET_DARK_COLOR } from './index-5d5219f7.js';
-import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
 import ThreeDots from './DotsThreeOutline.svg';
+import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
 
 const BoostGenericCard = ({
   title,
@@ -25,10 +25,10 @@ const BoostGenericCard = ({
   optionsTriggerOnClick,
   verifierBadge
 }) => {
-  var _a;
-  const thumbClass = (_a = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`) != null ? _a : "bg-grayscale-50";
+  const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type] ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` : "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];
+  TYPE_TO_WALLET_DARK_COLOR[type] ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` : "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 = () => {
@@ -88,4 +88,4 @@ const BoostGenericCard = ({
 };
 
 export { BoostGenericCard as B };
-//# sourceMappingURL=BoostGenericCard-de8e2a84.js.map
+//# sourceMappingURL=BoostGenericCard-f5200b85.js.map

package/dist/esm/BoostGenericCard-f5200b85.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoostGenericCard-f5200b85.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 ThreeDots from '../../assets/images/DotsThreeOutline.svg';\n\nexport const BoostGenericCard: React.FC<BoostGenericCardProps> = ({\n    title,\n    customTitle,\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    customIssuerName,\n    dateDisplay,\n    customDateDisplay,\n    optionsTriggerOnClick,\n    verifierBadge,\n}) => {\n    const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type]\n        ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`\n        : '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 = TYPE_TO_WALLET_DARK_COLOR[type] ? `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    const handleInnerClick = () => {\n        innerOnClick?.();\n    };\n\n    const handleOptionsClick = () => {\n        optionsTriggerOnClick?.();\n    };\n\n    return (\n        <div\n            className={`flex generic-display-card-simple bg-white flex-col shadow-bottom relative $ py-[0px] px-[0px] w-[160px] h-[250px] rounded-[20px] overflow-hidden ${className}`}\n        >\n            {optionsTriggerOnClick && (\n                <section\n                    className=\"absolute cursor-pointer shadow-bottom h-[30px] w-[30px] top-[5px] right-[5px] rounded-full overflow-hidden z-20 bg-white flex items-center justify-center\"\n                    onClick={handleOptionsClick}\n                >\n                    <img\n                        alt=\"Menu dropdown icon\"\n                        className=\"h-[20px] w-[20px] object-cover overflow-hidden\"\n                        src={ThreeDots}\n                    />\n                </section>\n            )}\n\n            {bgImgSrc && (\n                <section className=\"absolute top-[-50px] shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3\">\n                    <img className=\"h-full w-full object-cover overflow-hidden\" src={bgImgSrc} />\n                </section>\n            )}\n            <button\n                type=\"button\"\n                className=\"boost-small-card inner-click-container z-10\"\n                onClick={handleInnerClick}\n            >\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                <section className=\"boost-generic-info-section\">\n                    {!customTitle && (\n                        <div className={`${defaultHeaderClass} items-center`}>\n                            <p className=\"relative z-[100] small-boost-title text-[16px] leading-[130%] px-[0px] font-medium text-center text-grayscale-900 line-clamp-2 max-w-full\">\n                                {title}\n                            </p>\n                        </div>\n                    )}\n\n                    {customTitle && customTitle}\n\n                    {customIssuerName && customIssuerName}\n                    {!customIssuerName && (\n                        <span className=\"flex items-center justify-center small-generic-boost-issuer-name line-clamp-1 text-[12px] text-grayscale-700 px-[6px]\">\n                            by <span className=\"font-bold whitespace-pre\"> {issuerName}</span>\n                        </span>\n                    )}\n\n                    {customDateDisplay && customDateDisplay}\n                    {!customDateDisplay && (\n                        <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700  px-[7px]\">\n                            {dateDisplay}\n                        </p>\n                    )}\n                    <div className=\"boost-verifier-badge-display\">{verifierBadge}</div>\n                </section>\n\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            </button>\n        </div>\n    );\n};\n\nexport default BoostGenericCard;\n"],"names":[],"mappings":"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"}

package/dist/esm/{BoostSmallCard-902844fc.js → BoostSmallCard-7180158e.js}

@@ -3,9 +3,9 @@ import CaretRightFilled from './CaretRightFilled.svg';
 import DefaultFace from './default-face.jpeg';
 import AddAwardLight from './addawardlight.svg';
 import ThreeDots from './DotsThreeOutline.svg';
-import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
 import { W as WalletCategoryTypes } from './index-28917993.js';
-import { a as TYPE_TO_IMG_SRC, b as TYPE_TO_WALLET_DARK_COLOR } from './index-5d5219f7.js';
+import { b as TYPE_TO_WALLET_DARK_COLOR, a as TYPE_TO_IMG_SRC } from './index-5d5219f7.js';
+import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
 
 const getDarkBGColor = (type) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
@@ -64,8 +64,8 @@ const BoostSmallCard = ({
   bgImgSrc,
   optionsTriggerOnClick
 }) => {
-  var _a, _b;
-  const thumbClass = (_a = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`) != null ? _a : "bg-grayscale-50";
+  var _a;
+  const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type] ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` : "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];
   const headerBgColor = getDarkBGColor(type);
@@ -149,10 +149,10 @@ const BoostSmallCard = ({
     className: "arrow-btn-overlay absolute top-[52px] right-[2px]"
   }, /* @__PURE__ */ React.createElement("img", {
     className: "h-full w-full object-contai",
-    src: (_b = CaretRightFilled) != null ? _b : "",
+    src: (_a = CaretRightFilled) != null ? _a : "",
     alt: "Right Caret"
   })));
 };
 
 export { BoostSmallCard as B };
-//# sourceMappingURL=BoostSmallCard-902844fc.js.map
+//# sourceMappingURL=BoostSmallCard-7180158e.js.map

package/dist/esm/BoostSmallCard-7180158e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoostSmallCard-7180158e.js","sources":["../../src/helpers/color.helpers.ts","../../src/components/BoostSmallCard/BoostSmallCard.tsx"],"sourcesContent":["import { WalletCategoryTypes } from '../types';\n\nexport const getDarkBGColor = (type: WalletCategoryTypes) => {\n    if (!type) return '';\n\n    if (type === WalletCategoryTypes?.achievements) {\n        return 'bg-orange-500';\n    } else if (type === WalletCategoryTypes?.learningHistory) {\n        return 'bg-emerald-500';\n    } else if (type === WalletCategoryTypes?.skills) {\n        return 'bg-violet-500';\n    } else if (type === WalletCategoryTypes?.jobHistory) {\n        return 'bg-blue-500';\n    } else if (type === WalletCategoryTypes?.socialBadge) {\n        return 'bg-cyan-500';\n    } else if (type === WalletCategoryTypes?.relationships) {\n        return 'bg-pink-500';\n    } else if (type === WalletCategoryTypes?.accommodations) {\n        return 'bg-amber-500';\n    } else if (type === WalletCategoryTypes?.accomplishments) {\n        return 'bg-lime-500';\n    } else if (type === WalletCategoryTypes?.events) {\n        return 'bg-fuchsia-500';\n    } else if (type === WalletCategoryTypes?.membership) {\n        return 'bg-teal-500';\n    } else if (type === WalletCategoryTypes?.goals) {\n        return 'bg-rose-500';\n    } else if (type === WalletCategoryTypes?.ids) {\n        return 'bg-yellow-500';\n    } else if (type === WalletCategoryTypes?.currency) {\n        return 'bg-cyan-500';\n    }\n\n    return 'bg-grayscale-900';\n};\n","import React from 'react';\n\nimport CaretRightFilled from '../../assets/images/CaretRightFilled.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport AddAwardLight from '../../assets/images/addawardlight.svg';\nimport ThreeDots from '../../assets/images/DotsThreeOutline.svg';\nimport { CircleCheckButton } from '../CircleCheckButton';\n\nimport { BoostSmallCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { getDarkBGColor } from '../../helpers/color.helpers';\n\nexport const BoostSmallCard: React.FC<BoostSmallCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    customTitle,\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    customDraftComponent,\n    innerOnClick,\n    issueHistory,\n    bgImgSrc,\n    optionsTriggerOnClick,\n}) => {\n    const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type]\n        ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`\n        : '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 = getDarkBGColor(type);\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 py-[5px] px-[10px] ${customBodyClass}`;\n    const defaultButtonClass = `cursor-pointer small-boost-boost-btn flex boost-btn-click rounded-[40px] w-[140px] h-[48px] text-white flex justify-center items-center ${headerBgColor}`;\n    const innerClickContainerClass = `relative cursor-pointer boost-small-card inner-click-container z-10`;\n\n    const issueHistoryDisplay =\n        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-[1px] 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    const handleOptionsClick = () => {\n        optionsTriggerOnClick?.();\n    };\n\n    return (\n        <div\n            className={`flex generic-display-card-simple bg-white flex-col shadow-bottom relative $ py-[0px] px-[0px] w-[160px] h-[280px] rounded-[20px] overflow-hidden ${className}`}\n        >\n            {optionsTriggerOnClick && (\n                <section\n                    className=\"absolute cursor-pointer h-[30px] w-[30px] top-[5px] right-[5px] rounded-full overflow-hidden z-20 bg-white flex items-center justify-center\"\n                    onClick={handleOptionsClick}\n                >\n                    <img\n                        alt=\"Menu dropdown icon\"\n                        className=\"h-[20px] w-[20px] object-cover overflow-hidden\"\n                        src={ThreeDots}\n                    />\n                </section>\n            )}\n\n            {bgImgSrc && (\n                <section className=\"absolute top-[-50px]  shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3\">\n                    <img className=\"h-full w-full object-cover overflow-hidden\" src={bgImgSrc} />\n                </section>\n            )}\n\n            <div className={innerClickContainerClass} 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                {customTitle && customTitle}\n                {!customTitle && (\n                    <section className={defaultHeaderClass}>\n                        <p className=\"relative z-[100] small-boost-title text-[16px] leading-[130%] p-[0px] font-medium text-center line-clamp-2\">\n                            {title}\n                        </p>\n                    </section>\n                )}\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            </div>\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 className=\"flex w-full flex-col items-center justify-center\">\n                        {customDraftComponent && customDraftComponent}\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                    </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\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/Button-5f805204.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button-5f805204.js","sources":["../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\n\nexport type ButtonProps = {\n    text?: string;\n    onClick: MouseEventHandler<HTMLButtonElement>;\n    className?: string;\n};\n\nexport const Button: React.FC<ButtonProps> = ({ text, onClick, className = '' }) => {\n    return (\n        <button\n            type=\"button\"\n            onClick={onClick}\n            className={`p-4 border rounded text-gray-700 ${className}`}\n        >\n            {text}\n        </button>\n    );\n};\n\nexport default Button;\n"],"names":[],"mappings":";;AACY,MAAC,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AAC7D,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,CAAC;AAC9D,GAAG,EAAE,IAAI,CAAC,CAAC;AACX;;;;"}
+{"version":3,"file":"Button-5f805204.js","sources":["../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\n\nexport type ButtonProps = {\n    text?: string;\n    onClick: MouseEventHandler<HTMLButtonElement>;\n    className?: string;\n};\n\nexport const Button: React.FC<ButtonProps> = ({ text, onClick, className = '' }) => {\n    return (\n        <button\n            type=\"button\"\n            onClick={onClick}\n            className={`p-4 border rounded text-gray-700 ${className}`}\n        >\n            {text}\n        </button>\n    );\n};\n\nexport default Button;\n"],"names":[],"mappings":";;AAQO,MAAM,SAAgC,CAAC,EAAE,MAAM,OAAS,EAAA,SAAA,GAAY,IAAS,KAAA;AAChF,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACG,IAAK,EAAA,QAAA;AAAA,IACL,OAAA;AAAA,IACA,WAAW,CAAoC,iCAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,EAE9C,IACL,CAAA,CAAA;AAER;;;;"}

package/dist/esm/{CertificateDisplayCard-b69fd06f.js → CertificateDisplayCard-7fbe6404.js}

@@ -1,11 +1,11 @@
 import React, { useState, useEffect } from 'react';
-import { I as InfoIcon, c as capitalize, X, E as ExclamationPoint, A as AcuteCheckmark, g as getBaseUrl, a as VideoIcon, C as Camera, G as GenericDocumentIcon, L as LinkIcon, p as prettyBytes, b as LeftArrow, d as SkillsBox, R as RoundedCorner, e as IssuerSeal, V as VERIFIER_STATES, f as Smiley, h as Line, i as VerifierStateBadgeAndText, F as FatArrow } from './VerifierStateBadgeAndText-86214479.js';
-import { g as getTotalCountOfSkills, c as categorizeSkills, a as getColorForVerificationStatus, b as getInfoFromCredential, d as getCategoryDarkColor, e as getCategoryLightColor, f as getCategoryIcon, h as getNameFromProfile, i as getImageFromProfile } from './credential.helpers-cdc2f4a3.js';
+import { I as InfoIcon, c as capitalize, X, E as ExclamationPoint, A as AcuteCheckmark, g as getBaseUrl, a as VideoIcon, C as Camera, G as GenericDocumentIcon, L as LinkIcon, p as prettyBytes, b as LeftArrow, d as SkillsBox, R as RoundedCorner, e as IssuerSeal, V as VERIFIER_STATES, f as Smiley, h as Line, i as VerifierStateBadgeAndText, F as FatArrow } from './VerifierStateBadgeAndText-b042bf32.js';
+import { g as getTotalCountOfSkills, c as categorizeSkills, a as getColorForVerificationStatus, b as getInfoFromCredential, d as getCategoryDarkColor, e as getCategoryLightColor, f as getCategoryIcon, h as getNameFromProfile, i as getImageFromProfile } from './credential.helpers-a5b16a5e.js';
 import { P as PuzzlePiece } from './PuzzlePiece-1fb12c2e.js';
 import { a as LCCategoryEnum } from './index-28917993.js';
-import { V as VerificationStatusEnum } from './types.esm-4ec5392e.js';
+import { V as VerificationStatusEnum } from './types.esm-3a1994d5.js';
 import CaretRightFilled from './CaretRightFilled.svg';
-import { L as Lightbox } from './Lightbox-a1aab9ea.js';
+import { L as Lightbox } from './Lightbox-883afe8f.js';
 import ThreeDots from './DotsThreeOutline.svg';
 
 const AlignmentRow = ({
@@ -81,8 +81,14 @@ const CertDisplayCardSkillsCount = ({ skills, onClick }) => {
   if (skillsCount === 0)
     return /* @__PURE__ */ React.createElement(React.Fragment, null);
   const skillsMap = categorizeSkills(skills);
-  const totalSkills = Object.values(skillsMap).reduce((total2, category) => total2 + (category == null ? void 0 : category.length), 0);
-  const totalSubskills = Object.values(skillsMap).reduce((total2, category) => total2 + ((category == null ? void 0 : category.totalSubskillsCount) || 0), 0);
+  const totalSkills = Object.values(skillsMap).reduce(
+    (total2, category) => total2 + (category == null ? void 0 : category.length),
+    0
+  );
+  const totalSubskills = Object.values(skillsMap).reduce(
+    (total2, category) => total2 + ((category == null ? void 0 : category.totalSubskillsCount) || 0),
+    0
+  );
   const total = totalSkills + totalSubskills;
   const text = skillsCount === 1 ? "Skill" : "Skills";
   return /* @__PURE__ */ React.createElement("div", {
@@ -210,7 +216,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const defaultGetFileMetadata = (url) => __async(undefined, null, function* () {
+const defaultGetFileMetadata = (url) => __async(void 0, null, function* () {
   var _a;
   console.log({ url });
   const isFilestack = url.includes("filestack");
@@ -247,7 +253,7 @@ const getCoverImageUrl = (youtubeWatchUrl) => {
   const videoId = getYoutubeVideoId(youtubeWatchUrl);
   return videoId ? `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg` : "";
 };
-const defaultGetVideoMetadata = (url) => __async(undefined, null, function* () {
+const defaultGetVideoMetadata = (url) => __async(void 0, null, function* () {
   const isYoutube = isYoutubeUrl(url);
   if (!isYoutube)
     return;
@@ -287,16 +293,18 @@ const MediaAttachmentsBox = ({
     }
   });
   useEffect(() => {
-    const getMetadata = (attachments2) => __async(undefined, null, function* () {
+    const getMetadata = (attachments2) => __async(void 0, null, function* () {
       const docMetadata = {};
       const videoMetadata2 = {};
-      yield Promise.all(attachments2.map((attachment) => __async(this, null, function* () {
-        if (attachment.type === "document") {
-          docMetadata[attachment.url] = yield getFileMetadata(attachment.url);
-        } else if (attachment.type === "video") {
-          videoMetadata2[attachment.url] = yield getVideoMetadata(attachment.url);
-        }
-      })));
+      yield Promise.all(
+        attachments2.map((attachment) => __async(void 0, null, function* () {
+          if (attachment.type === "document") {
+            docMetadata[attachment.url] = yield getFileMetadata(attachment.url);
+          } else if (attachment.type === "video") {
+            videoMetadata2[attachment.url] = yield getVideoMetadata(attachment.url);
+          }
+        }))
+      );
       setVideoMetadata(videoMetadata2);
       setDocumentMetadata(docMetadata);
     });
@@ -304,7 +312,9 @@ const MediaAttachmentsBox = ({
     getMetadata([...documentsAndLinks, ...videos]);
   }, []);
   const [currentLightboxUrl, setCurrentLightboxUrl] = useState(void 0);
-  const lightboxItems = mediaAttachments.filter((a) => a.type === "photo" || a.type === "video");
+  const lightboxItems = mediaAttachments.filter(
+    (a) => a.type === "photo" || a.type === "video"
+  );
   const handleMediaAttachmentClick = (url, type) => {
     if (type === "photo" || type === "video") {
       setCurrentLightboxUrl(url);
@@ -646,7 +656,9 @@ const CertificateFrontFace = ({
   if ((credentialSubject == null ? void 0 : credentialSubject.id) === issuerDid && issuerDid && issuerDid !== "did:example:123") {
     verifierState = VERIFIER_STATES.selfVerified;
   } else {
-    const appRegistryEntry = trustedAppRegistry == null ? void 0 : trustedAppRegistry.find((registryEntry) => registryEntry.did === issuerDid);
+    const appRegistryEntry = trustedAppRegistry == null ? void 0 : trustedAppRegistry.find(
+      (registryEntry) => registryEntry.did === issuerDid
+    );
     if (appRegistryEntry) {
       verifierState = appRegistryEntry.isTrusted ? VERIFIER_STATES.trustedVerifier : VERIFIER_STATES.untrustedVerifier;
     } else {
@@ -809,4 +821,4 @@ const CertificateDisplayCard = ({
 };
 
 export { AlignmentsBox as A, CertDisplayCardSkillsCount as C, CertificateBackFace as a, CertificateDisplayCard as b, CertificateFrontFace as c };
-//# sourceMappingURL=CertificateDisplayCard-b69fd06f.js.map
+//# sourceMappingURL=CertificateDisplayCard-7fbe6404.js.map