npm - @learncard/react - Versions diffs - 2.6.62 → 2.6.64 - Mend

@learncard/react 2.6.62 → 2.6.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (119) hide show

package/dist/cjs/Accommodation-Hands.png ADDED Viewed

Binary file

package/dist/cjs/{AchievementCard-a52e4f25.js → AchievementCard-040be8e5.js} RENAMED Viewed

@@ -4,7 +4,7 @@ var React = require('react');
 var RoundedPill = require('./RoundedPill-4bce9068.js');
 var CircleCheckButton = require('./CircleCheckButton-abff235d.js');
 var Trophy = require('./Trophy-3d323be3.js');
-var index$1 = require('./index-c570c8fb.js');
+var index$1 = require('./index-810a6027.js');
 var index = require('./index-7d94d5ac.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -64,4 +64,4 @@ const AchievementCard = ({
 };
 exports.AchievementCard = AchievementCard;
-//# sourceMappingURL=AchievementCard-a52e4f25.js.map
+//# sourceMappingURL=AchievementCard-040be8e5.js.map

package/dist/cjs/{AchievementCard-a52e4f25.js.map → AchievementCard-040be8e5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AchievementCard-~~a52e4f25~~.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":["LCSubtypes","TYPE_TO_MINI_ICON","React","Trophy","CircleCheckButton","RoundedPill"],"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,GAAGA,gBAAU,CAAC,WAAW,GAAGA,gBAAU,CAAC,MAAM,CAAC;AACtF,EAAE,MAAM,YAAY,GAAGC,yBAAiB,CAACD,gBAAU,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,uBAAuBE,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,2IAA2I,CAAC;AAC5J,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,wBAAwB,EAAE,UAAU,CAAC,2DAA2D,CAAC;AACjH,GAAG,EAAE,WAAW,oBAAoBA,yBAAK,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,qBAAqBA,yBAAK,CAAC,aAAa,CAACC,aAAM,EAAE;AAC1F,IAAI,SAAS,EAAE,8CAA8C;AAC7D,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,EAAE,UAAU,IAAI,gBAAgB,oBAAoBD,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnF,IAAI,SAAS,EAAE,oLAAoL;AACnM,GAAG,kBAAkBA,yBAAK,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,oBAAoBA,yBAAK,CAAC,aAAa,CAACE,mCAAiB,EAAE;AAClH,IAAI,OAAO;AACX,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,SAAS,EAAE,+BAA+B;AAC9C,GAAG,CAAC,CAAC,kBAAkBF,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtD,IAAI,SAAS,EAAE,2DAA2D;AAC1E,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,gEAAgE;AAC/E,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,0DAA0D;AACzE,GAAG,EAAE,UAAU,oBAAoBA,yBAAK,CAAC,aAAa,CAACG,uBAAW,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;;;;"}
1	+ {"version":3,"file":"AchievementCard-040be8e5.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":["LCSubtypes","TYPE_TO_MINI_ICON","React","Trophy","CircleCheckButton","RoundedPill"],"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,GAAGA,gBAAU,CAAC,WAAW,GAAGA,gBAAU,CAAC,MAAM,CAAC;AACtF,EAAE,MAAM,YAAY,GAAGC,yBAAiB,CAACD,gBAAU,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,uBAAuBE,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,2IAA2I,CAAC;AAC5J,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,wBAAwB,EAAE,UAAU,CAAC,2DAA2D,CAAC;AACjH,GAAG,EAAE,WAAW,oBAAoBA,yBAAK,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,qBAAqBA,yBAAK,CAAC,aAAa,CAACC,aAAM,EAAE;AAC1F,IAAI,SAAS,EAAE,8CAA8C;AAC7D,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,EAAE,UAAU,IAAI,gBAAgB,oBAAoBD,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnF,IAAI,SAAS,EAAE,oLAAoL;AACnM,GAAG,kBAAkBA,yBAAK,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,oBAAoBA,yBAAK,CAAC,aAAa,CAACE,mCAAiB,EAAE;AAClH,IAAI,OAAO;AACX,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,SAAS,EAAE,+BAA+B;AAC9C,GAAG,CAAC,CAAC,kBAAkBF,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtD,IAAI,SAAS,EAAE,2DAA2D;AAC1E,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,gEAAgE;AAC/E,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,0DAA0D;AACzE,GAAG,EAAE,UAAU,oBAAoBA,yBAAK,CAAC,aAAa,CAACG,uBAAW,EAAE;AACpE,IAAI,OAAO;AACX,IAAI,aAAa,EAAE,IAAI;AACvB,IAAI,IAAI,EAAE,kBAAkB;AAC5B,IAAI,UAAU,EAAE,SAAS;AACzB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}

package/dist/cjs/{BoostGenericCard-7426cbea.js → BoostGenericCard-227b905d.js} RENAMED Viewed

@@ -2,7 +2,7 @@
 var React = require('react');
 var index = require('./index-7d94d5ac.js');
-var index$1 = require('./index-c570c8fb.js');
+var index$1 = require('./index-810a6027.js');
 var CircleCheckButton = require('./CircleCheckButton-abff235d.js');
 var ThreeDots = require('./DotsThreeOutline.svg');
@@ -87,4 +87,4 @@ const BoostGenericCard = ({
 };
 exports.BoostGenericCard = BoostGenericCard;
-//# sourceMappingURL=BoostGenericCard-7426cbea.js.map
+//# sourceMappingURL=BoostGenericCard-227b905d.js.map

package/dist/cjs/{BoostGenericCard-7426cbea.js.map → BoostGenericCard-227b905d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BoostGenericCard-~~7426cbea~~.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';\nimport ThreeDots from '../../assets/images/DotsThreeOutline.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 optionsTriggerOnClick,\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 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\n <section 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 </section>\n\n <section className=\"small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full\">\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]\">\n by {issuerName}\n </span>\n <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700 px-[7px]\">\n {dateDisplay}\n </p>\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 </button>\n </div>\n );\n};\n\nexport default BoostGenericCard;\n"],"names":["WalletCategoryTypes","TYPE_TO_WALLET_DARK_COLOR","TYPE_TO_IMG_SRC","React","ThreeDots","CircleCheckButton"],"mappings":"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"}
1	+ {"version":3,"file":"BoostGenericCard-227b905d.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';\nimport ThreeDots from '../../assets/images/DotsThreeOutline.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 optionsTriggerOnClick,\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 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\n <section 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 </section>\n\n <section className=\"small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full\">\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]\">\n by {issuerName}\n </span>\n <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700 px-[7px]\">\n {dateDisplay}\n </p>\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 </button>\n </div>\n );\n};\n\nexport default BoostGenericCard;\n"],"names":["WalletCategoryTypes","TYPE_TO_WALLET_DARK_COLOR","TYPE_TO_IMG_SRC","React","ThreeDots","CircleCheckButton"],"mappings":"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"}

package/dist/cjs/{BoostSmallCard-0b3a3dd8.js → BoostSmallCard-1818c2a8.js} RENAMED Viewed

@@ -7,7 +7,7 @@ var AddAwardLight = require('./addawardlight.svg');
 var ThreeDots = require('./DotsThreeOutline.svg');
 var CircleCheckButton = require('./CircleCheckButton-abff235d.js');
 var index = require('./index-7d94d5ac.js');
-var index$1 = require('./index-c570c8fb.js');
+var index$1 = require('./index-810a6027.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -161,4 +161,4 @@ const BoostSmallCard = ({
 };
 exports.BoostSmallCard = BoostSmallCard;
-//# sourceMappingURL=BoostSmallCard-0b3a3dd8.js.map
+//# sourceMappingURL=BoostSmallCard-1818c2a8.js.map

package/dist/cjs/{BoostSmallCard-0b3a3dd8.js.map → BoostSmallCard-1818c2a8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BoostSmallCard-0b3a3dd8.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 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 optionsTriggerOnClick,\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 = 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 <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 <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 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\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":["WalletCategoryTypes","TYPE_TO_WALLET_DARK_COLOR","TYPE_TO_IMG_SRC","React","DefaultFace","ThreeDots","AddAwardLight","CircleCheckButton","CaretRightFilled"],"mappings":"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"}
1	+ {"version":3,"file":"BoostSmallCard-1818c2a8.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 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 optionsTriggerOnClick,\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 = 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 <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 <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 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\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":["WalletCategoryTypes","TYPE_TO_WALLET_DARK_COLOR","TYPE_TO_IMG_SRC","React","DefaultFace","ThreeDots","AddAwardLight","CircleCheckButton","CaretRightFilled"],"mappings":"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"}

package/dist/cjs/{CertificateDisplayCard-0313937f.js → CertificateDisplayCard-b4a7587d.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var React = require('react');
-var credential_helpers = require('./credential.helpers-69dff6ee.js');
+var credential_helpers = require('./credential.helpers-7705d2b9.js');
 require('./default-face.jpeg');
 require('react-dom');
 var Athletics = require('./athletics.svg');
@@ -14,7 +14,8 @@ var Social = require('./social.svg');
 var Stem = require('./stem.svg');
 var Trade = require('./trade.svg');
 var VCVerificationPill = require('./VCVerificationPill-0b0f6894.js');
-require('./index.es-f433af46.js');
+var CaretRightFilled = require('./CaretRightFilled.svg');
+require('./index.es-fd7e56d1.js');
 require('./vc.check.svg');
 var index = require('./index-7d94d5ac.js');
 var types = require('./types-7f6324ea.js');
@@ -33,6 +34,7 @@ var Medical__default = /*#__PURE__*/_interopDefaultLegacy(Medical);
 var Social__default = /*#__PURE__*/_interopDefaultLegacy(Social);
 var Stem__default = /*#__PURE__*/_interopDefaultLegacy(Stem);
 var Trade__default = /*#__PURE__*/_interopDefaultLegacy(Trade);
+var CaretRightFilled__default = /*#__PURE__*/_interopDefaultLegacy(CaretRightFilled);
 var ThreeDots__default = /*#__PURE__*/_interopDefaultLegacy(ThreeDots);
 const AcuteCheckmark = ({ className = "" }) => {
@@ -366,6 +368,27 @@ const X = ({ className = "" }) => {
   }));
 };
+const AlignmentRow = ({
+  url,
+  name,
+  framework
+}) => {
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "flex flex-col gap-[5px] font-poppins text-[12px] bg-[#DBEAFE] rounded-[15px] border-b-[1px] border-grayscale-200 border-solid w-full p-[10px] last:border-0"
+  }, /* @__PURE__ */ React__default["default"].createElement("h1", {
+    className: "text-blue-800 font-semibold uppercase"
+  }, framework), /* @__PURE__ */ React__default["default"].createElement("button", {
+    className: "flex",
+    onClick: () => window.open(url)
+  }, /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: "text-left"
+  }, name), /* @__PURE__ */ React__default["default"].createElement("img", {
+    className: "w-[20px] self-end",
+    src: CaretRightFilled__default["default"],
+    alt: "right-caret"
+  })));
+};
 const InfoBox = ({ text, handleClose, backgroundColor = "#6366F1" }) => {
   const bgColorWithOpacity = `${backgroundColor}1F`;
   return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -377,6 +400,39 @@ const InfoBox = ({ text, handleClose, backgroundColor = "#6366F1" }) => {
   }, "Close"));
 };
+const AlignmentsBox = ({ alignment, style }) => {
+  const [showInfo, setShowInfo] = React.useState(false);
+  const alignmentText = `
+    Alignments in your Open Badge credential link your achievement to established frameworks, standards, or competencies.
+    Each alignment shows how your boost directly relates to skills, knowledge areas, and professional standards that are recognized in your field.
+    `;
+  const alignments = Array.isArray(alignment) ? alignment.map((object, index) => /* @__PURE__ */ React__default["default"].createElement(AlignmentRow, {
+    key: index,
+    url: object.targetUrl,
+    name: object.targetName,
+    framework: object.targetFramework
+  })) : alignment && /* @__PURE__ */ React__default["default"].createElement(AlignmentRow, {
+    url: alignment.targetUrl,
+    name: alignment.targetName,
+    framework: alignment.targetFramework
+  });
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "bg-white flex flex-col items-start gap-[10px] rounded-[20px] shadow-bottom p-[15px] w-full"
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "flex w-full items-center"
+  }, /* @__PURE__ */ React__default["default"].createElement("h3", {
+    className: style === "Certificate" ? "text-[17px] text-grayscale-900 font-poppins" : "text-[22px] font-mouse"
+  }, "Alignments"), /* @__PURE__ */ React__default["default"].createElement("button", {
+    className: "ml-auto",
+    onClick: () => setShowInfo(!showInfo)
+  }, /* @__PURE__ */ React__default["default"].createElement(InfoIcon, {
+    color: showInfo ? "#6366F1" : void 0
+  }))), showInfo && /* @__PURE__ */ React__default["default"].createElement(InfoBox, {
+    text: alignmentText,
+    handleClose: () => setShowInfo(false)
+  }), alignments);
+};
 const truncateWithEllipsis = (str, maxLength) => {
   return str.length > maxLength ? `${str.substring(0, maxLength)}...` : str;
 };
@@ -2677,12 +2733,13 @@ const CertificateBackFace = ({
   onMediaAttachmentClick,
   enableLightbox
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const { createdAt, credentialSubject } = credential_helpers.getInfoFromCredential(credential, "MMM dd, yyyy", {
     uppercaseDate: false
   });
   const { description } = (_a = credentialSubject == null ? void 0 : credentialSubject.achievement) != null ? _a : {};
   const criteria = (_c = (_b = credentialSubject == null ? void 0 : credentialSubject.achievement) == null ? void 0 : _b.criteria) == null ? void 0 : _c.narrative;
+  const alignment = (_d = credentialSubject == null ? void 0 : credentialSubject.achievement) == null ? void 0 : _d.alignment;
   const credentialDarkColor = credential_helpers.getCategoryDarkColor(categoryType);
   let bgColor = `bg-${credentialDarkColor}`;
   if (categoryType === index.LCCategoryEnum.accommodations) {
@@ -2691,7 +2748,7 @@ const CertificateBackFace = ({
     bgColor = "bg-lime-700";
   }
   return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `flex flex-col gap-[15px] items-center py-[30px] px-[20px] rounded-[25px] ${bgColor}`
+    className: `flex flex-col gap-[15px] items-center border-[5px] border-solid border-grayscale-200 py-[30px] px-[20px] rounded-[25px] ${bgColor}`
   }, /* @__PURE__ */ React__default["default"].createElement("h1", {
     className: "text-white text-center text-[22px] font-jacques"
   }, "Details"), /* @__PURE__ */ React__default["default"].createElement(TruncateTextBox, {
@@ -2702,14 +2759,17 @@ const CertificateBackFace = ({
   }, "Awarded on ", createdAt)), criteria && /* @__PURE__ */ React__default["default"].createElement(TruncateTextBox, {
     headerText: "Criteria",
     text: criteria
-  }), ((_e = (_d = credential.skills) == null ? void 0 : _d.length) != null ? _e : 0) > 0 && (customSkillsComponent ? customSkillsComponent : /* @__PURE__ */ React__default["default"].createElement(SkillsBox, {
-    skills: (_f = credential.skills) != null ? _f : []
+  }), ((_f = (_e = credential.skills) == null ? void 0 : _e.length) != null ? _f : 0) > 0 && (customSkillsComponent ? customSkillsComponent : /* @__PURE__ */ React__default["default"].createElement(SkillsBox, {
+    skills: (_g = credential.skills) != null ? _g : []
   })), credential.attachments && credential.attachments.length > 0 && /* @__PURE__ */ React__default["default"].createElement(MediaAttachmentsBox, {
     attachments: credential.attachments,
     getFileMetadata,
     getVideoMetadata,
     onMediaAttachmentClick,
     enableLightbox
+  }), alignment && /* @__PURE__ */ React__default["default"].createElement(AlignmentsBox, {
+    alignment,
+    style: "Certificate"
   }), verificationItems && verificationItems.length > 0 && /* @__PURE__ */ React__default["default"].createElement(VerificationsBox, {
     verificationItems
   }), /* @__PURE__ */ React__default["default"].createElement("span", {
@@ -2906,7 +2966,9 @@ const CertificateFrontFace = ({
   }
   const isSelfVerified = verifierState === VERIFIER_STATES.selfVerified;
   const issueeImageExists = issueeImage || subjectImageComponent;
-  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
+  return /* @__PURE__ */ React__default["default"].createElement("section", {
+    className: "relative p-[13px] mt-[55px] bg-white border-[5px] rounded-[30px] border-soid border-grayscale-200 max-w-[300px]"
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "w-[calc(100%-26px)] absolute top-[-52px]"
   }, /* @__PURE__ */ React__default["default"].createElement(CertificateImageDisplay, {
     imageUrl: imageUrl != null ? imageUrl : "",
@@ -2995,12 +3057,32 @@ const CertificateDisplayCard = ({
   onMediaAttachmentClick,
   enableLightbox,
   handleXClick,
-  onDotsClick
+  onDotsClick,
+  isFrontOverride,
+  setIsFrontOverride,
+  hideNavButtons
 }) => {
-  const [isFront, setIsFront] = React.useState(true);
+  const [_isFront, _setIsFront] = React.useState(isFrontOverride != null ? isFrontOverride : true);
+  const isFront = isFrontOverride != null ? isFrontOverride : _isFront;
+  const setIsFront = setIsFrontOverride != null ? setIsFrontOverride : _setIsFront;
   return /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: `w-full border-solid border-[5px] border-grayscale-200 rounded-[30px] relative min-w-[250px]  ${isFront ? "bg-white p-[13px] max-w-[300px]" : `max-w-[400px]`}`
-  }, isFront && /* @__PURE__ */ React__default["default"].createElement(CertificateFrontFace, {
+    className: `w-full flex justify-center relative min-w-[220px]  ${isFront ? "" : `max-w-[400px]`}`
+  }, !hideNavButtons && /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "flex gap-[10px] font-mouse text-[30px] leading-[28px] tracking-[0.75px] relative top-[-10px] left-0 w-full"
+  }, !isFront && /* @__PURE__ */ React__default["default"].createElement("button", {
+    className: "bg-grayscale-900 text-white py-[15px] px-[20px] rounded-[20px] flex justify-center items-center gap-[5px] border-[3px] border-solid border-white",
+    onClick: () => setIsFront(!isFront)
+  }, /* @__PURE__ */ React__default["default"].createElement(FatArrow, {
+    direction: "left"
+  }), " Back"), handleXClick && /* @__PURE__ */ React__default["default"].createElement("button", {
+    onClick: handleXClick,
+    className: "bg-white text-grayscale-900 rounded-[20px] py-[15px] px-[20px] grow"
+  }, "Close"), isFront && /* @__PURE__ */ React__default["default"].createElement("button", {
+    className: "bg-grayscale-900 text-white py-[15px] px-[20px] rounded-[20px] grow flex justify-center items-center gap-[5px] border-[3px] border-solid border-white",
+    onClick: () => setIsFront(!isFront)
+  }, "Details ", /* @__PURE__ */ React__default["default"].createElement(FatArrow, {
+    direction: "right"
+  }))), isFront && /* @__PURE__ */ React__default["default"].createElement(CertificateFrontFace, {
     credential,
     categoryType,
     issuerOverride,
@@ -3019,22 +3101,7 @@ const CertificateDisplayCard = ({
     getVideoMetadata,
     onMediaAttachmentClick,
     enableLightbox
-  }), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex gap-[10px] font-mouse text-[30px] leading-[28px] tracking-[0.75px] absolute bottom-[-83px] left-0 w-full"
-  }, !isFront && /* @__PURE__ */ React__default["default"].createElement("button", {
-    className: "bg-grayscale-900 text-white py-[15px] px-[20px] rounded-[20px] flex justify-center items-center gap-[5px] border-[3px] border-solid border-white",
-    onClick: () => setIsFront(!isFront)
-  }, /* @__PURE__ */ React__default["default"].createElement(FatArrow, {
-    direction: "left"
-  }), " Back"), handleXClick && /* @__PURE__ */ React__default["default"].createElement("button", {
-    onClick: handleXClick,
-    className: "bg-white text-grayscale-900 rounded-[20px] py-[15px] px-[20px] grow"
-  }, "Close"), isFront && /* @__PURE__ */ React__default["default"].createElement("button", {
-    className: "bg-grayscale-900 text-white py-[15px] px-[20px] rounded-[20px] grow flex justify-center items-center gap-[5px] border-[3px] border-solid border-white",
-    onClick: () => setIsFront(!isFront)
-  }, "Details ", /* @__PURE__ */ React__default["default"].createElement(FatArrow, {
-    direction: "right"
-  }))), onDotsClick && /* @__PURE__ */ React__default["default"].createElement("button", {
+  }), onDotsClick && /* @__PURE__ */ React__default["default"].createElement("button", {
     className: "absolute right-[-20px] top-[-52px] bg-white rounded-full p-[10px] shadow-bottom",
     onClick: onDotsClick
   }, /* @__PURE__ */ React__default["default"].createElement("img", {
@@ -3045,8 +3112,11 @@ const CertificateDisplayCard = ({
 };
 exports.AcuteCheckmark = AcuteCheckmark;
+exports.AlignmentsBox = AlignmentsBox;
 exports.Camera = Camera;
+exports.CertificateBackFace = CertificateBackFace;
 exports.CertificateDisplayCard = CertificateDisplayCard;
+exports.CertificateFrontFace = CertificateFrontFace;
 exports.ExclamationPoint = ExclamationPoint;
 exports.GenericDocumentIcon = GenericDocumentIcon;
 exports.InfoIcon = InfoIcon;
@@ -3060,4 +3130,4 @@ exports.capitalize = capitalize;
 exports.getBaseUrl = getBaseUrl;
 exports.prettyBytes = prettyBytes;
 exports.truncateWithEllipsis = truncateWithEllipsis;
-//# sourceMappingURL=CertificateDisplayCard-0313937f.js.map
+//# sourceMappingURL=CertificateDisplayCard-b4a7587d.js.map