@learncard/react 2.3.47 → 2.3.48

package/dist/cjs/index.js

@@ -21,7 +21,7 @@ var Notification = require('./Notification-10b40c07.js');
 var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
 var RoundedPill = require('./RoundedPill-15c0aca9.js');
 var constants = require('./constants-678d0aa9.js');
-var SchoolIDCard = require('./SchoolIDCard-32a47ae5.js');
+var SchoolIDCard = require('./SchoolIDCard-1baf77e8.js');
 var SkillTabCard = require('./SkillTabCard-82f2fae0.js');
 var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');

package/dist/cjs/index10.js

@@ -21,7 +21,7 @@ var Notification = require('./Notification-10b40c07.js');
 var QRCodeCard = require('./QRCodeCard-efaa58e1.js');
 var RoundedPill = require('./RoundedPill-15c0aca9.js');
 var constants = require('./constants-678d0aa9.js');
-var SchoolIDCard = require('./SchoolIDCard-32a47ae5.js');
+var SchoolIDCard = require('./SchoolIDCard-1baf77e8.js');
 var SkillTabCard = require('./SkillTabCard-82f2fae0.js');
 var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');

package/dist/cjs/index22.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SchoolIDCard = require('./SchoolIDCard-32a47ae5.js');
+var SchoolIDCard = require('./SchoolIDCard-1baf77e8.js');
 require('react');
 
 

package/dist/esm/{SchoolIDCard-4f56262c.js → SchoolIDCard-3b746226.js}

@@ -4666,6 +4666,9 @@ const SchoolIDCard = ({
   userName,
   text = null,
   extraText,
+  subjectInitials,
+  subjectInitialsClass,
+  showBarcode = true,
   backgroundImage,
   className,
   containerClassName
@@ -4678,6 +4681,18 @@ const SchoolIDCard = ({
   } else {
     textEl = text;
   }
+  let issueeImageEl = null;
+  const initialsClass = `subject-initials h-[70px] w-[70px] rounded-full mr-[10px] flex flex-row items-center justify-center h-full w-full overflow-hidden bg-emerald-700 text-white font-medium text-3xl ${subjectInitialsClass}`;
+  if (userImage && (userImage == null ? void 0 : userImage.trim()) !== "") {
+    issueeImageEl = /* @__PURE__ */ React.createElement("div", {
+      className: "h-[80px] w-[80px] rounded-full overflow-hidden bg-no-repeat bg-cover bg-center border-solid border-[2px] border-white mr-2",
+      style: { backgroundImage: `url(${userImage})` }
+    });
+  } else if (subjectInitials && (!userImage || (userImage == null ? void 0 : userImage.trim()) === "")) {
+    issueeImageEl = /* @__PURE__ */ React.createElement("div", {
+      className: initialsClass
+    }, subjectInitials);
+  }
   return /* @__PURE__ */ React.createElement("div", {
     style: { backgroundImage: `url(${backgroundImage})` },
     className: `h-[200px] w-[320px] rounded-[20px] overflow-hidden ${className}`
@@ -4685,14 +4700,11 @@ const SchoolIDCard = ({
     className: `h-full w-full flex items-center justify-start relative ${containerClassName}`
   }, /* @__PURE__ */ React.createElement("div", {
     className: "w-full flex justify-start items-center pl-3 mt-10"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "h-[100px] w-[80px] rounded-full overflow-hidden bg-no-repeat bg-cover bg-center border-solid border-[2px] border-white mr-2",
-    style: { backgroundImage: `url(${userImage})` }
-  }), /* @__PURE__ */ React.createElement("div", {
+  }, issueeImageEl, /* @__PURE__ */ React.createElement("div", {
     className: "h-full flex items-start justify-center flex-col mt-7"
   }, userName && /* @__PURE__ */ React.createElement("p", {
     className: "text-sm text-black font-light"
-  }, userName), textEl && textEl)), /* @__PURE__ */ React.createElement("div", {
+  }, userName), textEl && textEl)), showBarcode && /* @__PURE__ */ React.createElement("div", {
     className: "barcode-container"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "barcode-wrap"
@@ -4707,4 +4719,4 @@ const SchoolIDCard = ({
 };
 
 export { SchoolIDCard as S };
-//# sourceMappingURL=SchoolIDCard-4f56262c.js.map
+//# sourceMappingURL=SchoolIDCard-3b746226.js.map