npm - @learncard/react - Versions diffs - 2.7.1 → 2.7.3 - Mend

@learncard/react 2.7.1 → 2.7.3

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 (60) hide show

package/dist/cjs/{BoostGenericCard-a5ca50df.js → BoostGenericCard-8c084ed9.js} RENAMED Viewed

@@ -13,6 +13,7 @@ var ThreeDots__default = /*#__PURE__*/_interopDefaultLegacy(ThreeDots);
 const BoostGenericCard = ({
   title,
+  customTitle,
   thumbImgSrc,
   customThumbClass = "",
   customHeaderClass = "",
@@ -25,7 +26,9 @@ const BoostGenericCard = ({
   innerOnClick,
   bgImgSrc,
   issuerName,
+  customIssuerName,
   dateDisplay,
+  customDateDisplay,
   optionsTriggerOnClick,
   verifierBadge
 }) => {
@@ -68,17 +71,15 @@ const BoostGenericCard = ({
   }), (!thumbImgSrc || (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) === "") && /* @__PURE__ */ React__default["default"].createElement("img", {
     className: "max-w-[110px] w-full h-full p-[0px] object-cover rounded-full",
     src: imgSrc
-  })), /* @__PURE__ */ React__default["default"].createElement("section", {
+  })), !customTitle && /* @__PURE__ */ React__default["default"].createElement("section", {
     className: `${defaultHeaderClass} items-center`
   }, /* @__PURE__ */ React__default["default"].createElement("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"
-  }, title)), /* @__PURE__ */ React__default["default"].createElement("section", {
+  }, title)), customTitle && customTitle, /* @__PURE__ */ React__default["default"].createElement("section", {
     className: "small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex items-center justify-center small-generic-boost-issuer-name text-[12px] text-grayscale-700 font-bold px-[6px]"
-  }, /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "line-clamp-1"
-  }, "by ", issuerName)), /* @__PURE__ */ React__default["default"].createElement("p", {
+  }, customIssuerName && customIssuerName, !customIssuerName && /* @__PURE__ */ React__default["default"].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), customDateDisplay && customDateDisplay, !customDateDisplay && /* @__PURE__ */ React__default["default"].createElement("p", {
     className: "small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700  px-[7px]"
   }, dateDisplay), verifierBadge), showChecked && /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "check-btn-overlay absolute top-[5px] left-[5px]"
@@ -90,4 +91,4 @@ const BoostGenericCard = ({
 };
 exports.BoostGenericCard = BoostGenericCard;
-//# sourceMappingURL=BoostGenericCard-a5ca50df.js.map
+//# sourceMappingURL=BoostGenericCard-8c084ed9.js.map

package/dist/cjs/BoostGenericCard-8c084ed9.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BoostGenericCard-8c084ed9.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 customTitle,\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 customIssuerName,\n dateDisplay,\n customDateDisplay,\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 {!customTitle && (\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\n {customTitle && customTitle}\n\n <section className=\"small-generic-boost-card-footer flex flex-col justify-center items-center absolute bottom-[15px] w-full\">\n {customIssuerName && customIssuerName}\n {!customIssuerName && (\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 )}\n\n {customDateDisplay && customDateDisplay}\n {!customDateDisplay && (\n <p className=\"small-generic-boost-date-display line-clamp-1 text-[12px] text-grayscale-700 px-[7px]\">\n {dateDisplay}\n </p>\n )}\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":["WalletCategoryTypes","TYPE_TO_WALLET_DARK_COLOR","TYPE_TO_IMG_SRC","React","ThreeDots","CircleCheckButton"],"mappings":"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"}

package/dist/cjs/{BoostSmallCard-28401cef.js → BoostSmallCard-a8b7f33d.js} RENAMED Viewed

@@ -53,6 +53,7 @@ const getDarkBGColor = (type) => {
 const BoostSmallCard = ({
   title = "Title Lorem Ipsum",
+  customTitle,
   thumbImgSrc,
   customThumbClass = "",
   customHeaderClass = "",
@@ -125,7 +126,7 @@ const BoostSmallCard = ({
   }), (!thumbImgSrc || (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) === "") && /* @__PURE__ */ React__default["default"].createElement("img", {
     className: "max-w-[110px] w-full h-full p-[0px] object-cover  rounded-full",
     src: imgSrc
-  })), /* @__PURE__ */ React__default["default"].createElement("section", {
+  })), customTitle && customTitle, !customTitle && /* @__PURE__ */ React__default["default"].createElement("section", {
     className: defaultHeaderClass
   }, /* @__PURE__ */ React__default["default"].createElement("p", {
     className: "relative z-[100] small-boost-title text-[16px] leading-[130%] p-[0px] font-medium text-center line-clamp-2"
@@ -161,4 +162,4 @@ const BoostSmallCard = ({
 };
 exports.BoostSmallCard = BoostSmallCard;
-//# sourceMappingURL=BoostSmallCard-28401cef.js.map
+//# sourceMappingURL=BoostSmallCard-a8b7f33d.js.map

package/dist/cjs/BoostSmallCard-a8b7f33d.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BoostSmallCard-a8b7f33d.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 customTitle,\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 {customTitle && customTitle}\n {!customTitle && (\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\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-811ef7cf.js → CertificateDisplayCard-8ded38ec.js} RENAMED Viewed

@@ -845,12 +845,12 @@ const MediaAttachmentsBox = ({
       }, metadata.videoLength)));
     } else {
       innerContent = /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: "h-full w-full"
+        className: "h-full w-full flex items-center justify-center"
       }, /* @__PURE__ */ React__default["default"].createElement("img", {
-        className: "rounded-[15px]",
+        className: "object-cover h-full w-full",
         src: media.url
       }), /* @__PURE__ */ React__default["default"].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`;
@@ -859,7 +859,7 @@ const MediaAttachmentsBox = ({
         key: index,
         className: "flex bg-grayscale-100 items-center rounded-[15px] w-full"
       }, /* @__PURE__ */ React__default["default"].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);
@@ -3204,4 +3204,4 @@ exports.capitalize = capitalize;
 exports.getBaseUrl = getBaseUrl;
 exports.prettyBytes = prettyBytes;
 exports.truncateWithEllipsis = truncateWithEllipsis;
-//# sourceMappingURL=CertificateDisplayCard-811ef7cf.js.map
+//# sourceMappingURL=CertificateDisplayCard-8ded38ec.js.map