@learncard/react 2.3.35 → 2.3.38

package/dist/esm/{VCThumbnail-2571a0c6.js → VCThumbnail-3c254bda.js}

@@ -7,6 +7,7 @@ const VCThumbnail = ({
   createdAt,
   issuerImage,
   userImage,
+  userImageComponent,
   badgeImage,
   className = "",
   listView = false,
@@ -15,6 +16,7 @@ const VCThumbnail = ({
 }) => {
   var _a, _b, _c;
   let imageElement = null;
+  let userImageEl = null;
   if (issuerImage) {
     imageElement = /* @__PURE__ */ React.createElement("img", {
       className: "h-full w-full object-cover",
@@ -28,6 +30,17 @@ const VCThumbnail = ({
       alt: "badge image"
     });
   }
+  if (userImage) {
+    userImageEl = /* @__PURE__ */ React.createElement("div", {
+      className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct"
+    }, /* @__PURE__ */ React.createElement("img", {
+      className: "w-full h-full absolute rounded-full object-cover border-solid border-4 border-white",
+      src: userImage,
+      alt: "user image"
+    }));
+  } else if (!userImage && userImageComponent) {
+    userImageEl = userImageComponent;
+  }
   const titleClass = issuerImage || badgeImage ? "items-start justify-center w-3/4 text-left" : "item-center justify-center w-full text-center";
   if (listView) {
     return /* @__PURE__ */ React.createElement("div", {
@@ -98,13 +111,7 @@ const VCThumbnail = ({
     className: "h-8 w-8 my-0 mx-4",
     src: (_b = FatArrow) != null ? _b : "",
     alt: "fat arrow icon"
-  }), /* @__PURE__ */ React.createElement("div", {
-    className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct"
-  }, /* @__PURE__ */ React.createElement("img", {
-    className: "w-full h-full absolute rounded-full object-cover border-solid border-4 border-white",
-    src: userImage,
-    alt: "user image"
-  })))), badgeImage && /* @__PURE__ */ React.createElement("div", {
+  }), userImageEl)), badgeImage && /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center justify-center w-full mt-4 xxxsm:mt-0"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "border-solid border-2 border-black bg-white relative w-1/4 h-0 overflow-hidden pt-25pct pb-0 px-0",
@@ -125,4 +132,4 @@ const VCThumbnail = ({
 };
 
 export { VCThumbnail as V };
-//# sourceMappingURL=VCThumbnail-2571a0c6.js.map
+//# sourceMappingURL=VCThumbnail-3c254bda.js.map

package/dist/esm/VCThumbnail-3c254bda.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCThumbnail-3c254bda.js","sources":["../../src/components/VCThumbnail/VCThumbnail.tsx"],"sourcesContent":["import React from 'react';\n\nimport FatArrow from '../../assets/images/icon.green.fat-arrow.png';\nimport VerifiedCheck from '../../assets/images/verified-check.png';\n\nimport { VCThumbnailProps } from './types';\n\nexport const VCThumbnail: React.FC<VCThumbnailProps> = ({\n    title,\n    createdAt,\n    issuerImage,\n    userImage,\n    userImageComponent,\n    badgeImage,\n    className = '',\n    listView = false,\n    onClick = () => {},\n}) => {\n    let imageElement: React.ReactNode | null = null;\n    let userImageEl: React.ReactNode | null = null;\n\n    if (issuerImage) {\n        imageElement = (\n            <img className=\"h-full w-full object-cover\" src={issuerImage} alt=\"issuer image\" />\n        );\n    } else if (badgeImage) {\n        imageElement = (\n            <img className=\"h-full w-full object-cover\" src={badgeImage} alt=\"badge image\" />\n        );\n    }\n\n    if (userImage) {\n        userImageEl = (\n            <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct\">\n                <img\n                    className=\"w-full h-full absolute rounded-full object-cover border-solid border-4 border-white\"\n                    src={userImage}\n                    alt=\"user image\"\n                />\n            </div>\n        );\n    } else if (!userImage && userImageComponent) {\n        userImageEl = userImageComponent;\n    }\n\n    const titleClass =\n        issuerImage || badgeImage\n            ? 'items-start justify-center w-3/4 text-left'\n            : 'item-center justify-center w-full text-center';\n\n    if (listView) {\n        return (\n            <div\n                onClick={onClick}\n                className={`flex flex-col items-center justify-between relative py-3 px-3 rounded-3xl shadow-3xl bg-emerald-700 max-w-sm vc-thumbnail-listview-container ${className}`}\n                data-testid=\"vc-thumbnail-list-view\"\n            >\n                <div className=\"flex flex-row items-center justify-between mb-3 z-10\">\n                    {imageElement && (\n                        <div\n                            className=\"flex flex-row justify-center items-center w-1/4 text-center\"\n                            data-testid=\"vc-thumbnail-image\"\n                        >\n                            <div className=\"h-16 w-16 border-solid border-2 border-black bg-white\">\n                                {imageElement}\n                            </div>\n                        </div>\n                    )}\n\n                    <div className={`flex flex-col  ${titleClass}`}>\n                        <h2\n                            className=\"ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-base tracking-wide leading-snug text-left line-clamp-2\"\n                            data-testid=\"vc-thumbnail-title\"\n                        >\n                            {title ?? ''}\n                        </h2>\n                        <p\n                            className=\"ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-sm font-light text-center line-clamp-1\"\n                            data-testid=\"vc-thumbnail-createdAt\"\n                        >\n                            {createdAt ?? ''}\n                        </p>\n                    </div>\n                </div>\n                <div className=\"flex items-center justify-center w-full mt-3 vc-thumbnail-footer\">\n                    <h3 className=\"text-white text-sm text-right font-normal tracking-wide leading-tight flex-1\">\n                        Verified\n                    </h3>\n                    <div className=\"flex items-center justify-center my-0 mx-1 h-10 w-10 rounded-full bg-white overflow-hidden\">\n                        <div className=\"flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-4 border-emerald-700 overflow-hidden\">\n                            <img\n                                className=\"h-full w-full object-cover\"\n                                src={VerifiedCheck ?? ''}\n                                alt=\"credential icon\"\n                            />\n                        </div>\n                    </div>\n                    <h3 className=\"text-white text-sm text-left font-normal tracking-wide leading-tight flex-1\">\n                        Credential\n                    </h3>\n                </div>\n            </div>\n        );\n    }\n\n    const vcThumbNailAltContainerClass = !badgeImage ? 'vc-thumbnail-alt-container' : '';\n\n    return (\n        <div\n            onClick={onClick}\n            className={`relative py-3 xxsm:py-1 rounded-3xl shadow-3xl bg-emerald-700 vc-thumbnail-container ${vcThumbNailAltContainerClass} ${className}`}\n            data-testid=\"vc-thumbnail\"\n        >\n            <div className=\"h-full w-full absolute\">\n                <div className=\"flex flex-col items-center justify-center z-10 text-center w-full\">\n                    <div className=\"flex flex-row items-center justify-center w-full px-2\">\n                        <div className=\"flex flex-row items-center justify-center w-full\">\n                            <h2\n                                className=\"text-base tracking-wide leading-snug text-center line-clamp-2\"\n                                data-testid=\"vc-thumbnail-title\"\n                            >\n                                {title ?? ''}\n                            </h2>\n                        </div>\n                    </div>\n                    <div className=\"w-full mt-2\">\n                        <p\n                            className=\"text-sm font-light text-center line-clamp-1\"\n                            data-testid=\"vc-thumbnail-createdAt\"\n                        >\n                            {createdAt ?? ''}\n                        </p>\n                    </div>\n\n                    <div className=\"flex flex-row items-center justify-center mt-3 xxsm:mt-1 w-full\">\n                        <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct\">\n                            <img\n                                className=\"h-5/6 w-10/12 left-1 top-1 absolute rounded-full object-cover\"\n                                src={issuerImage}\n                                alt=\"issuer image\"\n                            />\n                        </div>\n\n                        <img\n                            className=\"h-8 w-8 my-0 mx-4\"\n                            src={FatArrow ?? ''}\n                            alt=\"fat arrow icon\"\n                        />\n                        {userImageEl}\n                    </div>\n                </div>\n\n                {badgeImage && (\n                    <div className=\"flex items-center justify-center w-full mt-4 xxxsm:mt-0\">\n                        <div\n                            className=\"border-solid border-2 border-black bg-white relative w-1/4 h-0 overflow-hidden pt-25pct pb-0 px-0\"\n                            data-testid=\"vc-thumbnail-badge\"\n                        >\n                            <img\n                                className=\"h-full w-full object-cover absolute top-0 left-0\"\n                                src={badgeImage}\n                                alt=\"badge image\"\n                            />\n                        </div>\n                    </div>\n                )}\n\n                <div className=\"flex items-center justify-center absolute right-2 bottom-5 xxsm:bottom-3 xxxsm:bottom-3 h-8 w-8 rounded-full bg-white overflow-hidden\">\n                    <div className=\"flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-2 border-emerald-700 overflow-hidden\">\n                        <img\n                            className=\"h-full w-full object-cover\"\n                            src={VerifiedCheck ?? ''}\n                            alt=\"credential icon\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default VCThumbnail;\n"],"names":[],"mappings":"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"}

package/dist/esm/{VCVerificationPill-a35e1dad.js → VCVerificationPill-15462b47.js}

@@ -3056,7 +3056,7 @@ var AlignmentValidator = mod.object({
   targetType: AlignmentTargetTypeValidator.optional(),
   targetUrl: mod.string()
 });
-var AchievementTypeValidator = mod.enum([
+var KnownAchievementTypeValidator = mod.enum([
   "Achievement",
   "ApprenticeshipCertificate",
   "Assessment",
@@ -3088,7 +3088,8 @@ var AchievementTypeValidator = mod.enum([
   "MicroCredential",
   "ResearchDoctorate",
   "SecondarySchoolDiploma"
-]).or(mod.string());
+]);
+var AchievementTypeValidator = KnownAchievementTypeValidator.or(mod.string());
 var CriteriaValidator = mod.object({ id: mod.string().optional(), narrative: mod.string().optional() }).catchall(mod.any());
 var EndorsementSubjectValidator = mod.object({
   id: mod.string(),
@@ -3247,6 +3248,13 @@ mod.object({
   id: mod.string(),
   title: mod.string(),
   storageType: StorageTypeValidator.optional()
+}).catchall(mod.any());
+mod.object({
+  kty: mod.string(),
+  crv: mod.string(),
+  x: mod.string(),
+  y: mod.string().optional(),
+  d: mod.string()
 });
 
 const StatusToBgColor = {
@@ -3307,4 +3315,4 @@ const VCVerificationPill = ({
 };
 
 export { ValidationStateIndicator as V, VCVerificationPill as a };
-//# sourceMappingURL=VCVerificationPill-a35e1dad.js.map
+//# sourceMappingURL=VCVerificationPill-15462b47.js.map