@learncard/react 2.7.0 → 2.7.2

package/dist/cjs/index.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var AchievementCard = require('./AchievementCard-27fc10b5.js');
-var BoostGenericCard = require('./BoostGenericCard-924e41e7.js');
+var BoostGenericCard = require('./BoostGenericCard-a5ca50df.js');
 var BoostSmallCard = require('./BoostSmallCard-28401cef.js');
 var Button = require('./Button-a7af702b.js');
 require('react');
 require('./CaretRightFilled.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-74de3c56.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8ded38ec.js');
 require('./types.esm-2ec4fa7e.js');
 var User = require('./User-301088ac.js');
 var Trophy = require('./Trophy-3d323be3.js');
@@ -41,7 +41,7 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
-var VCCard = require('./VCCard-98ab4879.js');
+var VCCard = require('./VCCard-1e1abd28.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-a3cd6ad2.js');
 var VCDisplayCard = require('./VCDisplayCard-f0783ca4.js');
 require('./default-face.jpeg');
@@ -54,7 +54,7 @@ require('./medical.svg');
 require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
-var VCDisplayCard2 = require('./VCDisplayCard2-e09f4a0a.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-81afa476.js');
 var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
 require('./id-sleeve.png');
 require('./icon.green.fat-arrow.png');
@@ -147,6 +147,7 @@ exports.CertificateBackFace = CertificateDisplayCard.CertificateBackFace;
 exports.CertificateDisplayCard = CertificateDisplayCard.CertificateDisplayCard;
 exports.CertificateFrontFace = CertificateDisplayCard.CertificateFrontFace;
 exports.SelectedSkills = CertificateDisplayCard.SelectedSkills;
+exports.VERIFIER_STATES = CertificateDisplayCard.VERIFIER_STATES;
 exports.Briefcase = User.Briefcase;
 exports.Graduation = User.Graduation;
 exports.User = User.User;

package/dist/cjs/index.js.map

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

package/dist/cjs/index13.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var AchievementCard = require('./AchievementCard-27fc10b5.js');
-var BoostGenericCard = require('./BoostGenericCard-924e41e7.js');
+var BoostGenericCard = require('./BoostGenericCard-a5ca50df.js');
 var BoostSmallCard = require('./BoostSmallCard-28401cef.js');
 var Button = require('./Button-a7af702b.js');
 require('react');
 require('./CaretRightFilled.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-74de3c56.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8ded38ec.js');
 require('./types.esm-2ec4fa7e.js');
 var User = require('./User-301088ac.js');
 var Trophy = require('./Trophy-3d323be3.js');
@@ -41,7 +41,7 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-a1fa862b.js');
-var VCCard = require('./VCCard-98ab4879.js');
+var VCCard = require('./VCCard-1e1abd28.js');
 var VCDisplayBackFace = require('./VCDisplayBackFace-a3cd6ad2.js');
 var VCDisplayCard = require('./VCDisplayCard-f0783ca4.js');
 require('./default-face.jpeg');
@@ -54,7 +54,7 @@ require('./medical.svg');
 require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
-var VCDisplayCard2 = require('./VCDisplayCard2-e09f4a0a.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-81afa476.js');
 var QRCodeIcon = require('./QRCodeIcon-81c6e96b.js');
 require('./id-sleeve.png');
 require('./icon.green.fat-arrow.png');
@@ -147,6 +147,7 @@ exports.CertificateBackFace = CertificateDisplayCard.CertificateBackFace;
 exports.CertificateDisplayCard = CertificateDisplayCard.CertificateDisplayCard;
 exports.CertificateFrontFace = CertificateDisplayCard.CertificateFrontFace;
 exports.SelectedSkills = CertificateDisplayCard.SelectedSkills;
+exports.VERIFIER_STATES = CertificateDisplayCard.VERIFIER_STATES;
 exports.Briefcase = User.Briefcase;
 exports.Graduation = User.Graduation;
 exports.User = User.User;

package/dist/cjs/index13.js.map

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

package/dist/cjs/index3.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var BoostGenericCard = require('./BoostGenericCard-924e41e7.js');
+var BoostGenericCard = require('./BoostGenericCard-a5ca50df.js');
 require('react');
 require('./index-7d94d5ac.js');
 require('./index-503d0d98.js');

package/dist/cjs/index36.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCCard = require('./VCCard-98ab4879.js');
+var VCCard = require('./VCCard-1e1abd28.js');
 require('react');
 require('@learncard/init');
 require('./VCDisplayCard-f0783ca4.js');
@@ -35,9 +35,9 @@ require('./social.svg');
 require('./stem.svg');
 require('./trade.svg');
 require('./CaretRightFilled.svg');
-require('./VCDisplayCard2-e09f4a0a.js');
+require('./VCDisplayCard2-81afa476.js');
 require('./index-838fa72c.js');
-require('./CertificateDisplayCard-74de3c56.js');
+require('./CertificateDisplayCard-8ded38ec.js');
 require('./Lightbox-f19e13d2.js');
 require('./DotsThreeOutline.svg');
 require('./QRCodeIcon-81c6e96b.js');

package/dist/cjs/index39.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('./default-face.jpeg');
 require('react-dom');
-var CertificateDisplayCard = require('./CertificateDisplayCard-74de3c56.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8ded38ec.js');
 require('./athletics.svg');
 require('./business.svg');
 require('./creative.svg');
@@ -17,7 +17,7 @@ require('./stem.svg');
 require('./trade.svg');
 require('./types.esm-2ec4fa7e.js');
 require('./CaretRightFilled.svg');
-var VCDisplayCard2 = require('./VCDisplayCard2-e09f4a0a.js');
+var VCDisplayCard2 = require('./VCDisplayCard2-81afa476.js');
 require('./id-sleeve.png');
 require('./credential.helpers-ccf9ea86.js');
 require('./index-7d94d5ac.js');

package/dist/cjs/index6.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('./CaretRightFilled.svg');
-var CertificateDisplayCard = require('./CertificateDisplayCard-74de3c56.js');
+var CertificateDisplayCard = require('./CertificateDisplayCard-8ded38ec.js');
 require('./types.esm-2ec4fa7e.js');
 require('react-dom');
 require('./credential.helpers-ccf9ea86.js');
@@ -30,4 +30,5 @@ exports.CertDisplayCardSkillsCount = CertificateDisplayCard.CertDisplayCardSkill
 exports.CertificateBackFace = CertificateDisplayCard.CertificateBackFace;
 exports.CertificateDisplayCard = CertificateDisplayCard.CertificateDisplayCard;
 exports.CertificateFrontFace = CertificateDisplayCard.CertificateFrontFace;
+exports.VERIFIER_STATES = CertificateDisplayCard.VERIFIER_STATES;
 //# sourceMappingURL=index6.js.map

package/dist/cjs/index6.js.map

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

package/dist/esm/{BoostGenericCard-09f3bd8a.js → BoostGenericCard-a82dec36.js}

@@ -19,7 +19,8 @@ const BoostGenericCard = ({
   bgImgSrc,
   issuerName,
   dateDisplay,
-  optionsTriggerOnClick
+  optionsTriggerOnClick,
+  verifierBadge
 }) => {
   var _a;
   const thumbClass = (_a = `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`) != null ? _a : "bg-grayscale-50";
@@ -66,11 +67,13 @@ const BoostGenericCard = ({
     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"
   }, 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("div", {
+    className: "flex items-center justify-center small-generic-boost-issuer-name text-[12px] text-grayscale-700 font-bold px-[6px]"
   }, /* @__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: "line-clamp-1"
+  }, "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", {
+  }, dateDisplay), verifierBadge), showChecked && /* @__PURE__ */ React.createElement("div", {
     className: "check-btn-overlay absolute top-[5px] left-[5px]"
   }, /* @__PURE__ */ React.createElement(CircleCheckButton, {
     checked: checkStatus,
@@ -80,4 +83,4 @@ const BoostGenericCard = ({
 };
 
 export { BoostGenericCard as B };
-//# sourceMappingURL=BoostGenericCard-09f3bd8a.js.map
+//# sourceMappingURL=BoostGenericCard-a82dec36.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoostGenericCard-a82dec36.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    verifierBadge,\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                    <div className=\"flex items-center justify-center small-generic-boost-issuer-name text-[12px] text-grayscale-700 font-bold px-[6px]\">\n                        <span className=\"line-clamp-1\">by {issuerName}</span>\n                    </div>\n                    <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700  px-[7px]\">\n                        {dateDisplay}\n                    </p>\n                    {verifierBadge}\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":[],"mappings":"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"}

package/dist/esm/{CertificateDisplayCard-b3c93952.js → CertificateDisplayCard-3b19363c.js}

@@ -828,12 +828,12 @@ const MediaAttachmentsBox = ({
       }, metadata.videoLength)));
     } else {
       innerContent = /* @__PURE__ */ React.createElement("div", {
-        className: "h-full w-full"
+        className: "h-full w-full flex items-center justify-center"
       }, /* @__PURE__ */ React.createElement("img", {
-        className: "rounded-[15px]",
+        className: "object-cover h-full w-full",
         src: media.url
       }), /* @__PURE__ */ React.createElement(Camera, {
-        className: "relative bottom-[30px] left-[10px] z-10"
+        className: "absolute bottom-[10px] left-[10px] z-10"
       }));
     }
     const className = `media-attachment ${media.type} w-[49%] pt-[49%] overflow-hidden relative`;
@@ -842,7 +842,7 @@ const MediaAttachmentsBox = ({
         key: index,
         className: "flex bg-grayscale-100 items-center rounded-[15px] w-full"
       }, /* @__PURE__ */ React.createElement("button", {
-        className: "h-[80px] w-[80px] rounded-[15px]",
+        className: "h-[80px] w-[80px] rounded-[15px] overflow-hidden flex-shrink-0",
         onClick: (e) => {
           e.stopPropagation();
           handleMediaAttachmentClick(media.url, media.type);
@@ -2928,6 +2928,20 @@ const VERIFIER_STATES = {
   unknownVerifier: "Unknown Verifier",
   untrustedVerifier: "Untrusted Verifier"
 };
+const VerifierStateBadgeAndText = ({ verifierState }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex justify-center"
+  }, verifierState === VERIFIER_STATES.selfVerified && /* @__PURE__ */ React.createElement("span", {
+    className: "uppercase font-poppins text-[12px] font-[500] text-green-dark flex gap-[3px] items-center"
+  }, /* @__PURE__ */ React.createElement(PersonBadge, null), "Self Verified"), verifierState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React.createElement("span", {
+    className: "uppercase font-poppins text-[12px] font-[500] text-blue-light flex gap-[3px] items-center"
+  }, /* @__PURE__ */ React.createElement(VerifiedBadge, null), "Trusted Verifier"), verifierState === VERIFIER_STATES.unknownVerifier && /* @__PURE__ */ React.createElement("span", {
+    className: "uppercase font-poppins text-[12px] font-[500] text-orange-500 flex gap-[3px] items-center"
+  }, /* @__PURE__ */ React.createElement(UnknownVerifierBadge, null), "Unknown Verifier"), verifierState === VERIFIER_STATES.untrustedVerifier && /* @__PURE__ */ React.createElement("span", {
+    className: "uppercase font-poppins text-[12px] font-[500] text-red-mastercard flex gap-[3px] items-center"
+  }, /* @__PURE__ */ React.createElement(RedFlag, null), "Untrusted Verifier"));
+};
+
 const CertificateFrontFace = ({
   isFront,
   credential,
@@ -3044,15 +3058,9 @@ const CertificateFrontFace = ({
     className: "font-jacques text-[12px] text-grayscale-800"
   }, "Certified by"), /* @__PURE__ */ React.createElement("span", {
     className: "mb-[3px] pt-[3px] text-grayscale-900 text-[25px] leading-[90%] font-sacramento border-b-[1px] border-solid border-grayscale-200 w-full text-center overflow-ellipsis whitespace-nowrap overflow-x-hidden overflow-y-visible scrollbar-hide"
-  }, issuerName), isSelfVerified && /* @__PURE__ */ React.createElement("span", {
-    className: "uppercase font-poppins text-[12px] font-[500] text-green-dark flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React.createElement(PersonBadge, null), "Self Verified"), verifierState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React.createElement("span", {
-    className: "uppercase font-poppins text-[12px] font-[500] text-blue-light flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React.createElement(VerifiedBadge, null), "Trusted Verifier"), verifierState === VERIFIER_STATES.unknownVerifier && /* @__PURE__ */ React.createElement("span", {
-    className: "uppercase font-poppins text-[12px] font-[500] text-orange-500 flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React.createElement(UnknownVerifierBadge, null), "Unknown Verifier"), verifierState === VERIFIER_STATES.untrustedVerifier && /* @__PURE__ */ React.createElement("span", {
-    className: "uppercase font-poppins text-[12px] font-[500] text-red-mastercard flex gap-[3px] items-center"
-  }, /* @__PURE__ */ React.createElement(RedFlag, null), "Untrusted Verifier"))), categoryType && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CertificateCornerIcon, {
+  }, issuerName), /* @__PURE__ */ React.createElement(VerifierStateBadgeAndText, {
+    verifierState
+  }))), categoryType && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CertificateCornerIcon, {
     categoryType,
     position: "top-left"
   }), /* @__PURE__ */ React.createElement(CertificateCornerIcon, {
@@ -3153,5 +3161,5 @@ const CertificateDisplayCard = ({
   }))));
 };
 
-export { AcuteCheckmark as A, CertDisplayCardSkillsCount as C, ExclamationPoint as E, GenericDocumentIcon as G, InfoIcon as I, LinkIcon as L, PersonBadge as P, RedFlag as R, SelectedSkills as S, UnknownVerifierBadge as U, VideoIcon as V, X, CertificateBackFace as a, CertificateDisplayCard as b, CertificateFrontFace as c, Camera as d, capitalize as e, LeftArrow as f, getBaseUrl as g, SkillsBox as h, AlignmentsBox as i, VerifiedBadge as j, prettyBytes as p, truncateWithEllipsis as t };
-//# sourceMappingURL=CertificateDisplayCard-b3c93952.js.map
+export { AcuteCheckmark as A, CertDisplayCardSkillsCount as C, ExclamationPoint as E, GenericDocumentIcon as G, InfoIcon as I, LinkIcon as L, PersonBadge as P, RedFlag as R, SelectedSkills as S, UnknownVerifierBadge as U, VERIFIER_STATES as V, X, CertificateBackFace as a, CertificateDisplayCard as b, CertificateFrontFace as c, VideoIcon as d, Camera as e, capitalize as f, getBaseUrl as g, LeftArrow as h, SkillsBox as i, AlignmentsBox as j, VerifierStateBadgeAndText as k, VerifiedBadge as l, prettyBytes as p, truncateWithEllipsis as t };
+//# sourceMappingURL=CertificateDisplayCard-3b19363c.js.map