@learncard/react 2.8.62 → 2.9.2

package/dist/esm/AchievementCard-d179d041.js

@@ -1,61 +0,0 @@
-import React from 'react';
-import { T as TYPE_TO_MINI_ICON } from './index-b102febc.js';
-import { L as LCSubtypes } from './index-28917993.js';
-import { T as Trophy } from './Trophy-ad67f46a.js';
-import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
-import { R as RoundedPill } from './RoundedPill-6a6e8aaf.js';
-
-const AchievementCard = ({
-  title = "Title Lorem Ipsum",
-  thumbImgSrc,
-  claimStatus,
-  showSkills = true,
-  showChecked,
-  checked,
-  skillCount,
-  showStatus = true,
-  onCheckClick,
-  onClick = () => {
-  }
-}) => {
-  const thumbClass = thumbImgSrc ? "bg-grayscale-50" : "bg-indigo-200";
-  const claimBtnStatusType = claimStatus ? LCSubtypes.achievement : LCSubtypes.locked;
-  const skillIconSrc = TYPE_TO_MINI_ICON[LCSubtypes.skill];
-  const skillCountTxt = skillCount && skillCount > 1 ? "Skills" : "Skill";
-  const showSkillCounter = showSkills && skillCount !== 0;
-  return /* @__PURE__ */ React.createElement("div", {
-    className: `flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] rounded-square-card-container`
-  }, /* @__PURE__ */ React.createElement("section", {
-    className: `relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`
-  }, thumbImgSrc && /* @__PURE__ */ React.createElement("img", {
-    className: "h-full w-full object-cover rounded-[20px]",
-    src: thumbImgSrc != null ? thumbImgSrc : "",
-    alt: "Credential Achievement Image"
-  }), (!thumbImgSrc || thumbImgSrc === "") && /* @__PURE__ */ React.createElement(Trophy, {
-    className: "achievement-placeholder-trophy flex p-[15px]",
-    color: "#ffffff"
-  }), showSkills && showSkillCounter && /* @__PURE__ */ React.createElement("div", {
-    className: "absolute px-[10px] text-[14px] flex items-center justify-center text-indigo-600 skill-pill font-bold min-w-[100px] bottom-[10px] right-[9px] rounded-[20px] h-[30px] bg-indigo-50 "
-  }, /* @__PURE__ */ React.createElement("img", {
-    src: skillIconSrc,
-    className: "flex items-center justify-center mr-[4px]"
-  }), "+", skillCount, " ", skillCountTxt), showChecked && /* @__PURE__ */ React.createElement(CircleCheckButton, {
-    checked,
-    onClick: onCheckClick,
-    className: "absolute top-[5px] left-[5px]"
-  })), /* @__PURE__ */ React.createElement("section", {
-    className: "achievement-title w-full flex justify-center line-clamp-2"
-  }, /* @__PURE__ */ React.createElement("p", {
-    className: "text-[14px] text-grayscale-900 font-bold mt-[10px] text-center"
-  }, title)), /* @__PURE__ */ React.createElement("section", {
-    className: "achievement-card-footer absolute bottom-[6px] left-[5px]"
-  }, showStatus && /* @__PURE__ */ React.createElement(RoundedPill, {
-    onClick,
-    showCheckmark: true,
-    type: claimBtnStatusType,
-    statusText: "Claimed"
-  })));
-};
-
-export { AchievementCard as A };
-//# sourceMappingURL=AchievementCard-d179d041.js.map

package/dist/esm/BoostGenericCard-4cfa6556.js

@@ -1,156 +0,0 @@
-import React from 'react';
-import { W as WalletCategoryTypes } from './index-28917993.js';
-import { a as TYPE_TO_IMG_SRC, b as TYPE_TO_WALLET_DARK_COLOR } from './index-b102febc.js';
-import { B as BadgeDisplayIcon, A as AwardDisplayIcon, a as CourseDisplayIcon, I as IDDisplayIcon, C as CertificateDisplayIcon } from './IDDisplayIcon-82a851e7.js';
-import { P as PuzzlePiece } from './PuzzlePiece-4541648e.js';
-import { c as categorizeSkills } from './credential.helpers-97c7e3d4.js';
-import { T as ThreeDotVertical } from './ThreeDotVertical-08294477.js';
-import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
-
-const AlignmentSkillsCount = ({
-  credential,
-  onClick,
-  className = ""
-}) => {
-  var _a, _b, _c, _d;
-  if (!credential)
-    return /* @__PURE__ */ React.createElement(React.Fragment, null);
-  const achievement = (_a = credential == null ? void 0 : credential.credentialSubject) == null ? void 0 : _a.achievement;
-  let alignmentCount = ((_b = achievement == null ? void 0 : achievement.alignment) == null ? void 0 : _b.length) || 0;
-  if (alignmentCount === 0 && ((_c = credential.skills) == null ? void 0 : _c.length) > 0) {
-    const skillsMap = categorizeSkills((_d = credential.skills) != null ? _d : []);
-    const totalSkills = Object.values(skillsMap).reduce(
-      (total2, category) => total2 + (category == null ? void 0 : category.length),
-      0
-    );
-    const totalSubskills = Object.values(skillsMap).reduce(
-      (total2, category) => total2 + ((category == null ? void 0 : category.totalSubskillsCount) || 0),
-      0
-    );
-    const total = totalSkills + totalSubskills;
-    alignmentCount = total;
-  }
-  return /* @__PURE__ */ React.createElement("div", {
-    role: onClick ? "button" : void 0,
-    onClick,
-    className: `px-[10px] py-[2px] flex gap-[3px] items-center rounded-[5px] overflow-hidden bg-violet-100 ${className}`
-  }, /* @__PURE__ */ React.createElement(PuzzlePiece, {
-    className: "w-[20px] h-[20px] text-grayscale-800",
-    version: "filled"
-  }), /* @__PURE__ */ React.createElement("p", {
-    className: "text-[12px] text-grayscale-800 font-poppins font-[600]"
-  }, `${alignmentCount} Skill${alignmentCount !== 1 ? "s" : ""}`));
-};
-
-const getDisplayIcon = (displayType) => {
-  switch (displayType) {
-    case "badge" /* Badge */:
-      return BadgeDisplayIcon;
-    case "certificate" /* Certificate */:
-      return CertificateDisplayIcon;
-    case "id" /* ID */:
-      return IDDisplayIcon;
-    case "course" /* Course */:
-      return CourseDisplayIcon;
-    case "award" /* Award */:
-      return AwardDisplayIcon;
-    default:
-      return BadgeDisplayIcon;
-  }
-};
-
-const BoostGenericCard = ({
-  title,
-  customTitle,
-  thumbImgSrc,
-  customThumbClass = "",
-  customHeaderClass = "",
-  type = WalletCategoryTypes.achievements,
-  className,
-  onCheckClick,
-  showChecked,
-  checkStatus,
-  customThumbComponent,
-  innerOnClick,
-  bgImgSrc,
-  issuerName,
-  customIssuerName,
-  dateDisplay,
-  customDateDisplay,
-  optionsTriggerOnClick,
-  verifierBadge,
-  credential,
-  isInSkillsModal,
-  displayType,
-  linkedCredentialsCount = 0,
-  linkedCredentialsClassName = "",
-  checkBtnClass = ""
-}) => {
-  const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type] ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` : "bg-grayscale-50";
-  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}`;
-  const imgSrc = (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" ? thumbImgSrc : TYPE_TO_IMG_SRC[type];
-  const handleInnerClick = () => innerOnClick == null ? void 0 : innerOnClick();
-  const handleOptionsClick = () => optionsTriggerOnClick == null ? void 0 : optionsTriggerOnClick();
-  const DisplayIcon = getDisplayIcon(displayType);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: `flex bg-white flex-col shadow-bottom relative p-0 w-[160px] h-[265px] rounded-[20px] overflow-hidden ${className}`
-  }, optionsTriggerOnClick && /* @__PURE__ */ React.createElement("section", {
-    className: "absolute cursor-pointer h-[30px] w-[30px] top-[5px] right-[5px] rounded-full bg-white/70 flex items-center justify-center z-20",
-    onClick: handleOptionsClick
-  }, /* @__PURE__ */ React.createElement(ThreeDotVertical, {
-    className: "h-[20px] w-[20px] text-grayscale-900"
-  })), bgImgSrc && /* @__PURE__ */ React.createElement("section", {
-    className: "absolute top-[-50px] left-0 rounded-b-full overflow-hidden z-0"
-  }, /* @__PURE__ */ React.createElement("img", {
-    className: "h-full w-full object-cover",
-    src: bgImgSrc
-  })), /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    className: "z-10 flex flex-col flex-grow",
-    onClick: handleInnerClick
-  }, customThumbComponent || /* @__PURE__ */ React.createElement("section", {
-    className: defaultThumbClass
-  }, (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) ? /* @__PURE__ */ React.createElement("img", {
-    className: "w-full h-full rounded-full object-cover",
-    src: thumbImgSrc,
-    alt: "Credential Achievement"
-  }) : /* @__PURE__ */ React.createElement("img", {
-    className: "max-w-full p-0 object-cover rounded-full",
-    src: imgSrc
-  })), /* @__PURE__ */ React.createElement("section", {
-    className: `flex flex-col flex-grow items-center justify-end pt-1 w-full ${linkedCredentialsCount === 0 ? "pb-[20px]" : ""}`
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "px-1 flex flex-col items-center justify-center w-full"
-  }, !customTitle ? /* @__PURE__ */ React.createElement("p", {
-    className: `
-                                ${customHeaderClass}
-                                text-[16px] font-medium text-center text-grayscale-900 line-clamp-2
-                                h-[40px] flex items-center justify-center
-                            `
-  }, title) : customTitle, customIssuerName || /* @__PURE__ */ React.createElement("span", {
-    className: "text-[12px] text-grayscale-700 mt-1"
-  }, "by ", /* @__PURE__ */ React.createElement("span", {
-    className: "font-bold"
-  }, issuerName)), customDateDisplay || /* @__PURE__ */ React.createElement("p", {
-    className: "text-[12px] text-grayscale-700 mt-1 flex items-center"
-  }, verifierBadge, dateDisplay), isInSkillsModal && credential && /* @__PURE__ */ React.createElement(AlignmentSkillsCount, {
-    credential,
-    onClick: handleInnerClick,
-    className: "mt-[16px]"
-  })), linkedCredentialsCount > 0 && /* @__PURE__ */ React.createElement("div", {
-    className: `mt-auto flex items-center justify-center py-1 w-full ${linkedCredentialsClassName}`
-  }, /* @__PURE__ */ React.createElement(DisplayIcon, {
-    className: "h-[20px] w-[20px] text-grayscale-900"
-  }), /* @__PURE__ */ React.createElement("span", {
-    className: "ml-1 text-sm font-semibold text-grayscale-900"
-  }, "+", linkedCredentialsCount, " Linked")))), showChecked && /* @__PURE__ */ React.createElement("div", {
-    className: "absolute top-[5px] left-[5px] z-20"
-  }, /* @__PURE__ */ React.createElement(CircleCheckButton, {
-    checked: checkStatus,
-    onClick: onCheckClick,
-    className: checkBtnClass
-  })));
-};
-
-export { BoostGenericCard as B };
-//# sourceMappingURL=BoostGenericCard-4cfa6556.js.map

package/dist/esm/BoostSmallCard-42980ebc.js

@@ -1,156 +0,0 @@
-import React from 'react';
-import CaretRightFilled from './CaretRightFilled.svg';
-import AddAwardLight from './addawardlight.svg';
-import { T as ThreeDotVertical } from './ThreeDotVertical-08294477.js';
-import { U as UserProfilePicture } from './UserProfilePicture-ecc82a6c.js';
-import { W as WalletCategoryTypes } from './index-28917993.js';
-import { b as TYPE_TO_WALLET_DARK_COLOR, a as TYPE_TO_IMG_SRC } from './index-b102febc.js';
-import { C as CircleCheckButton } from './CircleCheckButton-5a97f071.js';
-
-const getDarkBGColor = (type) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  if (!type)
-    return "";
-  if (type === ((_a = WalletCategoryTypes) == null ? void 0 : _a.achievements)) {
-    return "bg-orange-500";
-  } else if (type === ((_b = WalletCategoryTypes) == null ? void 0 : _b.learningHistory)) {
-    return "bg-emerald-500";
-  } else if (type === ((_c = WalletCategoryTypes) == null ? void 0 : _c.skills)) {
-    return "bg-violet-500";
-  } else if (type === ((_d = WalletCategoryTypes) == null ? void 0 : _d.jobHistory)) {
-    return "bg-blue-500";
-  } else if (type === ((_e = WalletCategoryTypes) == null ? void 0 : _e.socialBadge)) {
-    return "bg-cyan-500";
-  } else if (type === ((_f = WalletCategoryTypes) == null ? void 0 : _f.relationships)) {
-    return "bg-pink-500";
-  } else if (type === ((_g = WalletCategoryTypes) == null ? void 0 : _g.accommodations)) {
-    return "bg-amber-500";
-  } else if (type === ((_h = WalletCategoryTypes) == null ? void 0 : _h.accomplishments)) {
-    return "bg-lime-500";
-  } else if (type === ((_i = WalletCategoryTypes) == null ? void 0 : _i.events)) {
-    return "bg-fuchsia-500";
-  } else if (type === ((_j = WalletCategoryTypes) == null ? void 0 : _j.membership)) {
-    return "bg-teal-500";
-  } else if (type === ((_k = WalletCategoryTypes) == null ? void 0 : _k.goals)) {
-    return "bg-rose-500";
-  } else if (type === ((_l = WalletCategoryTypes) == null ? void 0 : _l.ids)) {
-    return "bg-yellow-500";
-  } else if (type === ((_m = WalletCategoryTypes) == null ? void 0 : _m.currency)) {
-    return "bg-cyan-500";
-  }
-  return "bg-grayscale-900";
-};
-
-const BoostSmallCard = ({
-  title = "Title Lorem Ipsum",
-  customTitle,
-  thumbImgSrc,
-  customThumbClass = "",
-  customHeaderClass = "",
-  type = WalletCategoryTypes.achievements,
-  className,
-  onCheckClick,
-  showChecked,
-  checkStatus,
-  arrowOnClick,
-  buttonOnClick,
-  customButtonComponent,
-  customBodyClass,
-  customBodyComponent,
-  customThumbComponent,
-  customDraftComponent,
-  innerOnClick,
-  issueHistory,
-  bgImgSrc,
-  optionsTriggerOnClick
-}) => {
-  var _a;
-  const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type] ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}` : "bg-grayscale-50";
-  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}`;
-  const imgSrc = (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" ? thumbImgSrc : TYPE_TO_IMG_SRC[type];
-  const headerBgColor = getDarkBGColor(type);
-  const checkBtnClass = checkStatus ? "generic-vc-card checked" : "generic-vc-card unchecked";
-  const defaultHeaderClass = `flex generic-card-title w-full justify-center ${customHeaderClass}`;
-  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}`;
-  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}`;
-  const innerClickContainerClass = `relative cursor-pointer boost-small-card inner-click-container z-10`;
-  const issueHistoryDisplay = issueHistory && (issueHistory == null ? void 0 : issueHistory.length) > 3 ? issueHistory == null ? void 0 : issueHistory.slice(0, 3) : issueHistory;
-  const renderIssueHistory = issueHistoryDisplay == null ? void 0 : issueHistoryDisplay.map((issueItem) => {
-    return /* @__PURE__ */ React.createElement("div", {
-      key: issueItem == null ? void 0 : issueItem.id,
-      className: "profile-thumb-img border-[1px] border-white border-solid  vc-issuee-image h-[35px] w-[35px] rounded-full overflow-hidden mx-[-5px]"
-    }, /* @__PURE__ */ React.createElement(UserProfilePicture, {
-      customContainerClass: `h-full w-full object-cover ${!(issueItem == null ? void 0 : issueItem.thumb) ? "pt-[8px]" : ""}`,
-      user: { image: issueItem == null ? void 0 : issueItem.thumb, name: issueItem == null ? void 0 : issueItem.name },
-      alt: "profile"
-    }));
-  });
-  const handleInnerClick = () => {
-    innerOnClick == null ? void 0 : innerOnClick();
-  };
-  const handleOptionsClick = () => {
-    optionsTriggerOnClick == null ? void 0 : optionsTriggerOnClick();
-  };
-  return /* @__PURE__ */ React.createElement("div", {
-    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}`
-  }, optionsTriggerOnClick && /* @__PURE__ */ React.createElement("section", {
-    className: "absolute cursor-pointer shadow-bottom h-[30px] w-[30px] top-[5px] right-[5px] rounded-full overflow-hidden z-20 bg-white/70 flex items-center justify-center",
-    onClick: handleOptionsClick
-  }, /* @__PURE__ */ React.createElement(ThreeDotVertical, {
-    className: "h-[20px] w-[20px] z-50 text-grayscale-900"
-  })), bgImgSrc && /* @__PURE__ */ React.createElement("section", {
-    className: "absolute top-[-50px]  shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3"
-  }, /* @__PURE__ */ React.createElement("img", {
-    className: "h-full w-full object-cover overflow-hidden",
-    src: bgImgSrc
-  })), /* @__PURE__ */ React.createElement("div", {
-    className: innerClickContainerClass,
-    onClick: handleInnerClick
-  }, customThumbComponent && customThumbComponent, !customThumbComponent && /* @__PURE__ */ React.createElement("section", {
-    className: defaultThumbClass
-  }, thumbImgSrc && (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" && /* @__PURE__ */ React.createElement("img", {
-    className: "generic-display-card-img h-full w-full  w-[110px] h-[110px] rounded-full object-cover overflow-hidden",
-    src: thumbImgSrc != null ? thumbImgSrc : "",
-    alt: "Credential Achievement Image"
-  }), (!thumbImgSrc || (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) === "") && /* @__PURE__ */ React.createElement("img", {
-    className: "max-w-[110px] w-full h-full p-[0px] object-cover  rounded-full",
-    src: imgSrc
-  })), customTitle && customTitle, !customTitle && /* @__PURE__ */ React.createElement("section", {
-    className: defaultHeaderClass
-  }, /* @__PURE__ */ React.createElement("p", {
-    className: "relative z-[100] small-boost-title text-[16px] leading-[130%] p-[0px] font-medium text-center line-clamp-2"
-  }, title)), /* @__PURE__ */ React.createElement("section", {
-    className: defaultBodyClass
-  }, customBodyComponent && customBodyComponent, !customBodyComponent && issueHistory && (issueHistory == null ? void 0 : issueHistory.length) > 0 && renderIssueHistory, !customBodyComponent && issueHistory && (issueHistory == null ? void 0 : issueHistory.length) > 3 && /* @__PURE__ */ React.createElement("span", {
-    className: "small-boost-issue-count ml-[10px] font-semibold"
-  }, "+", (issueHistory == null ? void 0 : issueHistory.length) - 3))), /* @__PURE__ */ React.createElement("section", {
-    className: "small-boost-card-footer flex justify-center items-center absolute bottom-[15px] w-full"
-  }, customButtonComponent && customButtonComponent, !customButtonComponent && /* @__PURE__ */ React.createElement("div", {
-    className: "flex w-full flex-col items-center justify-center"
-  }, customDraftComponent && customDraftComponent, /* @__PURE__ */ React.createElement("div", {
-    onClick: buttonOnClick,
-    className: defaultButtonClass
-  }, /* @__PURE__ */ React.createElement("img", {
-    className: "h-[25px] mr-[7px] text-",
-    src: AddAwardLight
-  }), /* @__PURE__ */ React.createElement("span", {
-    className: "font-mouse text-[25px] tracking-wider"
-  }, "BOOST")))), showChecked && /* @__PURE__ */ React.createElement("div", {
-    className: "check-btn-overlay absolute top-[5px] left-[5px]"
-  }, /* @__PURE__ */ React.createElement(CircleCheckButton, {
-    checked: checkStatus,
-    onClick: onCheckClick,
-    className: checkBtnClass
-  })), arrowOnClick && /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    onClick: arrowOnClick,
-    className: "arrow-btn-overlay absolute top-[52px] right-[2px]"
-  }, /* @__PURE__ */ React.createElement("img", {
-    className: "h-full w-full object-contai",
-    src: (_a = CaretRightFilled) != null ? _a : "",
-    alt: "Right Caret"
-  })));
-};
-
-export { BoostSmallCard as B };
-//# sourceMappingURL=BoostSmallCard-42980ebc.js.map

package/dist/esm/Button-5f805204.js

@@ -1,12 +0,0 @@
-import React from 'react';
-
-const Button = ({ text, onClick, className = "" }) => {
-  return /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    onClick,
-    className: `p-4 border rounded text-gray-700 ${className}`
-  }, text);
-};
-
-export { Button as B };
-//# sourceMappingURL=Button-5f805204.js.map