@learncard/react 2.3.47 → 2.3.48
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.
- package/dist/cjs/{SchoolIDCard-32a47ae5.js → SchoolIDCard-1baf77e8.js} +18 -6
- package/dist/cjs/{SchoolIDCard-32a47ae5.js.map → SchoolIDCard-1baf77e8.js.map} +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index10.js +1 -1
- package/dist/cjs/index22.js +1 -1
- package/dist/esm/{SchoolIDCard-4f56262c.js → SchoolIDCard-3b746226.js} +18 -6
- package/dist/esm/{SchoolIDCard-4f56262c.js.map → SchoolIDCard-3b746226.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index10.js +1 -1
- package/dist/esm/index22.js +1 -1
- package/dist/index.d.ts +5 -2
- package/dist/main.css +1 -1
- package/dist/main.js +1 -1
- package/package.json +1 -1
|
@@ -4672,6 +4672,9 @@ const SchoolIDCard = ({
|
|
|
4672
4672
|
userName,
|
|
4673
4673
|
text = null,
|
|
4674
4674
|
extraText,
|
|
4675
|
+
subjectInitials,
|
|
4676
|
+
subjectInitialsClass,
|
|
4677
|
+
showBarcode = true,
|
|
4675
4678
|
backgroundImage,
|
|
4676
4679
|
className,
|
|
4677
4680
|
containerClassName
|
|
@@ -4684,6 +4687,18 @@ const SchoolIDCard = ({
|
|
|
4684
4687
|
} else {
|
|
4685
4688
|
textEl = text;
|
|
4686
4689
|
}
|
|
4690
|
+
let issueeImageEl = null;
|
|
4691
|
+
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}`;
|
|
4692
|
+
if (userImage && (userImage == null ? void 0 : userImage.trim()) !== "") {
|
|
4693
|
+
issueeImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
4694
|
+
className: "h-[80px] w-[80px] rounded-full overflow-hidden bg-no-repeat bg-cover bg-center border-solid border-[2px] border-white mr-2",
|
|
4695
|
+
style: { backgroundImage: `url(${userImage})` }
|
|
4696
|
+
});
|
|
4697
|
+
} else if (subjectInitials && (!userImage || (userImage == null ? void 0 : userImage.trim()) === "")) {
|
|
4698
|
+
issueeImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
4699
|
+
className: initialsClass
|
|
4700
|
+
}, subjectInitials);
|
|
4701
|
+
}
|
|
4687
4702
|
return /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
4688
4703
|
style: { backgroundImage: `url(${backgroundImage})` },
|
|
4689
4704
|
className: `h-[200px] w-[320px] rounded-[20px] overflow-hidden ${className}`
|
|
@@ -4691,14 +4706,11 @@ const SchoolIDCard = ({
|
|
|
4691
4706
|
className: `h-full w-full flex items-center justify-start relative ${containerClassName}`
|
|
4692
4707
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
4693
4708
|
className: "w-full flex justify-start items-center pl-3 mt-10"
|
|
4694
|
-
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
4695
|
-
className: "h-[100px] w-[80px] rounded-full overflow-hidden bg-no-repeat bg-cover bg-center border-solid border-[2px] border-white mr-2",
|
|
4696
|
-
style: { backgroundImage: `url(${userImage})` }
|
|
4697
|
-
}), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
4709
|
+
}, issueeImageEl, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
4698
4710
|
className: "h-full flex items-start justify-center flex-col mt-7"
|
|
4699
4711
|
}, userName && /* @__PURE__ */ React__default["default"].createElement("p", {
|
|
4700
4712
|
className: "text-sm text-black font-light"
|
|
4701
|
-
}, userName), textEl && textEl)), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
4713
|
+
}, userName), textEl && textEl)), showBarcode && /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
4702
4714
|
className: "barcode-container"
|
|
4703
4715
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
4704
4716
|
className: "barcode-wrap"
|
|
@@ -4713,4 +4725,4 @@ const SchoolIDCard = ({
|
|
|
4713
4725
|
};
|
|
4714
4726
|
|
|
4715
4727
|
exports.SchoolIDCard = SchoolIDCard;
|
|
4716
|
-
//# sourceMappingURL=SchoolIDCard-
|
|
4728
|
+
//# sourceMappingURL=SchoolIDCard-1baf77e8.js.map
|