@learncard/react 2.8.62 → 2.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@learncard/react",
-  "version": "2.8.62",
+  "version": "2.9.2",
   "description": "",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -37,7 +37,7 @@
     "chromatic": "^6.5.4",
     "css-loader": "^6.7.1",
     "dts-bundle-generator": "^6.10.0",
-    "esbuild": "^0.14.38",
+    "esbuild": "^0.27.1",
     "esbuild-jest": "^0.5.0",
     "glob": "^8.0.3",
     "happy-dom": "^14.5.1",
@@ -55,7 +55,7 @@
     "storybook": "^7.0.18",
     "style-loader": "^3.3.1",
     "tailwindcss": "^3.0.24",
-    "@learncard/types": "5.9.2"
+    "@learncard/types": "5.11.0"
   },
   "dependencies": {
     "date-fns": "^2.28.0",
@@ -64,7 +64,7 @@
     "qrcode.react": "^3.0.2",
     "react-barcode": "^1.4.5",
     "react-flip-toolkit": "^7.1.0",
-    "@learncard/init": "2.1.16"
+    "@learncard/init": "2.2.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/dist/cjs/AchievementCard-dd332f3f.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index$1 = require('./index-08002ab6.js');
-var index = require('./index-5488badc.js');
-var Trophy = require('./Trophy-3d323be3.js');
-var CircleCheckButton = require('./CircleCheckButton-82d47ee2.js');
-var RoundedPill = require('./RoundedPill-bda7c067.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 ? index.LCSubtypes.achievement : index.LCSubtypes.locked;
-  const skillIconSrc = index$1.TYPE_TO_MINI_ICON[index.LCSubtypes.skill];
-  const skillCountTxt = skillCount && skillCount > 1 ? "Skills" : "Skill";
-  const showSkillCounter = showSkills && skillCount !== 0;
-  return /* @__PURE__ */ React__default["default"].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__default["default"].createElement("section", {
-    className: `relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`
-  }, thumbImgSrc && /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-full w-full object-cover rounded-[20px]",
-    src: thumbImgSrc != null ? thumbImgSrc : "",
-    alt: "Credential Achievement Image"
-  }), (!thumbImgSrc || thumbImgSrc === "") && /* @__PURE__ */ React__default["default"].createElement(Trophy.Trophy, {
-    className: "achievement-placeholder-trophy flex p-[15px]",
-    color: "#ffffff"
-  }), showSkills && showSkillCounter && /* @__PURE__ */ React__default["default"].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__default["default"].createElement("img", {
-    src: skillIconSrc,
-    className: "flex items-center justify-center mr-[4px]"
-  }), "+", skillCount, " ", skillCountTxt), showChecked && /* @__PURE__ */ React__default["default"].createElement(CircleCheckButton.CircleCheckButton, {
-    checked,
-    onClick: onCheckClick,
-    className: "absolute top-[5px] left-[5px]"
-  })), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "achievement-title w-full flex justify-center line-clamp-2"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-[14px] text-grayscale-900 font-bold mt-[10px] text-center"
-  }, title)), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "achievement-card-footer absolute bottom-[6px] left-[5px]"
-  }, showStatus && /* @__PURE__ */ React__default["default"].createElement(RoundedPill.RoundedPill, {
-    onClick,
-    showCheckmark: true,
-    type: claimBtnStatusType,
-    statusText: "Claimed"
-  })));
-};
-
-exports.AchievementCard = AchievementCard;
-//# sourceMappingURL=AchievementCard-dd332f3f.js.map

package/dist/cjs/BoostGenericCard-55f710ad.js

@@ -1,162 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index$1 = require('./index-5488badc.js');
-var index = require('./index-08002ab6.js');
-var IDDisplayIcon = require('./IDDisplayIcon-62993df0.js');
-var PuzzlePiece = require('./PuzzlePiece-088d2b00.js');
-var credential_helpers = require('./credential.helpers-60b421b9.js');
-var ThreeDotVertical = require('./ThreeDotVertical-1d221fc8.js');
-var CircleCheckButton = require('./CircleCheckButton-82d47ee2.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const AlignmentSkillsCount = ({
-  credential,
-  onClick,
-  className = ""
-}) => {
-  var _a, _b, _c, _d;
-  if (!credential)
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].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 = credential_helpers.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__default["default"].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__default["default"].createElement(PuzzlePiece.PuzzlePiece, {
-    className: "w-[20px] h-[20px] text-grayscale-800",
-    version: "filled"
-  }), /* @__PURE__ */ React__default["default"].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 IDDisplayIcon.BadgeDisplayIcon;
-    case "certificate" /* Certificate */:
-      return IDDisplayIcon.CertificateDisplayIcon;
-    case "id" /* ID */:
-      return IDDisplayIcon.IDDisplayIcon;
-    case "course" /* Course */:
-      return IDDisplayIcon.CourseDisplayIcon;
-    case "award" /* Award */:
-      return IDDisplayIcon.AwardDisplayIcon;
-    default:
-      return IDDisplayIcon.BadgeDisplayIcon;
-  }
-};
-
-const BoostGenericCard = ({
-  title,
-  customTitle,
-  thumbImgSrc,
-  customThumbClass = "",
-  customHeaderClass = "",
-  type = index$1.WalletCategoryTypes.achievements,
-  className,
-  onCheckClick,
-  showChecked,
-  checkStatus,
-  customThumbComponent,
-  innerOnClick,
-  bgImgSrc,
-  issuerName,
-  customIssuerName,
-  dateDisplay,
-  customDateDisplay,
-  optionsTriggerOnClick,
-  verifierBadge,
-  credential,
-  isInSkillsModal,
-  displayType,
-  linkedCredentialsCount = 0,
-  linkedCredentialsClassName = "",
-  checkBtnClass = ""
-}) => {
-  const thumbClass = index.TYPE_TO_WALLET_DARK_COLOR[type] ? `bg-${index.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 : index.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__default["default"].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__default["default"].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__default["default"].createElement(ThreeDotVertical.ThreeDotVertical, {
-    className: "h-[20px] w-[20px] text-grayscale-900"
-  })), bgImgSrc && /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "absolute top-[-50px] left-0 rounded-b-full overflow-hidden z-0"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-full w-full object-cover",
-    src: bgImgSrc
-  })), /* @__PURE__ */ React__default["default"].createElement("button", {
-    type: "button",
-    className: "z-10 flex flex-col flex-grow",
-    onClick: handleInnerClick
-  }, customThumbComponent || /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: defaultThumbClass
-  }, (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) ? /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "w-full h-full rounded-full object-cover",
-    src: thumbImgSrc,
-    alt: "Credential Achievement"
-  }) : /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "max-w-full p-0 object-cover rounded-full",
-    src: imgSrc
-  })), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: `flex flex-col flex-grow items-center justify-end pt-1 w-full ${linkedCredentialsCount === 0 ? "pb-[20px]" : ""}`
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "px-1 flex flex-col items-center justify-center w-full"
-  }, !customTitle ? /* @__PURE__ */ React__default["default"].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__default["default"].createElement("span", {
-    className: "text-[12px] text-grayscale-700 mt-1"
-  }, "by ", /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "font-bold"
-  }, issuerName)), customDateDisplay || /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-[12px] text-grayscale-700 mt-1 flex items-center"
-  }, verifierBadge, dateDisplay), isInSkillsModal && credential && /* @__PURE__ */ React__default["default"].createElement(AlignmentSkillsCount, {
-    credential,
-    onClick: handleInnerClick,
-    className: "mt-[16px]"
-  })), linkedCredentialsCount > 0 && /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `mt-auto flex items-center justify-center py-1 w-full ${linkedCredentialsClassName}`
-  }, /* @__PURE__ */ React__default["default"].createElement(DisplayIcon, {
-    className: "h-[20px] w-[20px] text-grayscale-900"
-  }), /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "ml-1 text-sm font-semibold text-grayscale-900"
-  }, "+", linkedCredentialsCount, " Linked")))), showChecked && /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "absolute top-[5px] left-[5px] z-20"
-  }, /* @__PURE__ */ React__default["default"].createElement(CircleCheckButton.CircleCheckButton, {
-    checked: checkStatus,
-    onClick: onCheckClick,
-    className: checkBtnClass
-  })));
-};
-
-exports.BoostGenericCard = BoostGenericCard;
-//# sourceMappingURL=BoostGenericCard-55f710ad.js.map

package/dist/cjs/BoostSmallCard-dd1cbd51.js

@@ -1,164 +0,0 @@
-'use strict';
-
-var React = require('react');
-var CaretRightFilled = require('./CaretRightFilled.svg');
-var AddAwardLight = require('./addawardlight.svg');
-var ThreeDotVertical = require('./ThreeDotVertical-1d221fc8.js');
-var UserProfilePicture = require('./UserProfilePicture-16b97343.js');
-var index = require('./index-5488badc.js');
-var index$1 = require('./index-08002ab6.js');
-var CircleCheckButton = require('./CircleCheckButton-82d47ee2.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var CaretRightFilled__default = /*#__PURE__*/_interopDefaultLegacy(CaretRightFilled);
-var AddAwardLight__default = /*#__PURE__*/_interopDefaultLegacy(AddAwardLight);
-
-const getDarkBGColor = (type) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  if (!type)
-    return "";
-  if (type === ((_a = index.WalletCategoryTypes) == null ? void 0 : _a.achievements)) {
-    return "bg-orange-500";
-  } else if (type === ((_b = index.WalletCategoryTypes) == null ? void 0 : _b.learningHistory)) {
-    return "bg-emerald-500";
-  } else if (type === ((_c = index.WalletCategoryTypes) == null ? void 0 : _c.skills)) {
-    return "bg-violet-500";
-  } else if (type === ((_d = index.WalletCategoryTypes) == null ? void 0 : _d.jobHistory)) {
-    return "bg-blue-500";
-  } else if (type === ((_e = index.WalletCategoryTypes) == null ? void 0 : _e.socialBadge)) {
-    return "bg-cyan-500";
-  } else if (type === ((_f = index.WalletCategoryTypes) == null ? void 0 : _f.relationships)) {
-    return "bg-pink-500";
-  } else if (type === ((_g = index.WalletCategoryTypes) == null ? void 0 : _g.accommodations)) {
-    return "bg-amber-500";
-  } else if (type === ((_h = index.WalletCategoryTypes) == null ? void 0 : _h.accomplishments)) {
-    return "bg-lime-500";
-  } else if (type === ((_i = index.WalletCategoryTypes) == null ? void 0 : _i.events)) {
-    return "bg-fuchsia-500";
-  } else if (type === ((_j = index.WalletCategoryTypes) == null ? void 0 : _j.membership)) {
-    return "bg-teal-500";
-  } else if (type === ((_k = index.WalletCategoryTypes) == null ? void 0 : _k.goals)) {
-    return "bg-rose-500";
-  } else if (type === ((_l = index.WalletCategoryTypes) == null ? void 0 : _l.ids)) {
-    return "bg-yellow-500";
-  } else if (type === ((_m = index.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 = index.WalletCategoryTypes.achievements,
-  className,
-  onCheckClick,
-  showChecked,
-  checkStatus,
-  arrowOnClick,
-  buttonOnClick,
-  customButtonComponent,
-  customBodyClass,
-  customBodyComponent,
-  customThumbComponent,
-  customDraftComponent,
-  innerOnClick,
-  issueHistory,
-  bgImgSrc,
-  optionsTriggerOnClick
-}) => {
-  var _a;
-  const thumbClass = index$1.TYPE_TO_WALLET_DARK_COLOR[type] ? `bg-${index$1.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 : index$1.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__default["default"].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__default["default"].createElement(UserProfilePicture.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__default["default"].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__default["default"].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__default["default"].createElement(ThreeDotVertical.ThreeDotVertical, {
-    className: "h-[20px] w-[20px] z-50 text-grayscale-900"
-  })), bgImgSrc && /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "absolute top-[-50px]  shadow-bottom left-[0px] rounded-b-full overflow-hidden z-0 mt-3"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-full w-full object-cover overflow-hidden",
-    src: bgImgSrc
-  })), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: innerClickContainerClass,
-    onClick: handleInnerClick
-  }, customThumbComponent && customThumbComponent, !customThumbComponent && /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: defaultThumbClass
-  }, thumbImgSrc && (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" && /* @__PURE__ */ React__default["default"].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__default["default"].createElement("img", {
-    className: "max-w-[110px] w-full h-full p-[0px] object-cover  rounded-full",
-    src: imgSrc
-  })), 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"
-  }, title)), /* @__PURE__ */ React__default["default"].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__default["default"].createElement("span", {
-    className: "small-boost-issue-count ml-[10px] font-semibold"
-  }, "+", (issueHistory == null ? void 0 : issueHistory.length) - 3))), /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "small-boost-card-footer flex justify-center items-center absolute bottom-[15px] w-full"
-  }, customButtonComponent && customButtonComponent, !customButtonComponent && /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex w-full flex-col items-center justify-center"
-  }, customDraftComponent && customDraftComponent, /* @__PURE__ */ React__default["default"].createElement("div", {
-    onClick: buttonOnClick,
-    className: defaultButtonClass
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-[25px] mr-[7px] text-",
-    src: AddAwardLight__default["default"]
-  }), /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "font-mouse text-[25px] tracking-wider"
-  }, "BOOST")))), showChecked && /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "check-btn-overlay absolute top-[5px] left-[5px]"
-  }, /* @__PURE__ */ React__default["default"].createElement(CircleCheckButton.CircleCheckButton, {
-    checked: checkStatus,
-    onClick: onCheckClick,
-    className: checkBtnClass
-  })), arrowOnClick && /* @__PURE__ */ React__default["default"].createElement("button", {
-    type: "button",
-    onClick: arrowOnClick,
-    className: "arrow-btn-overlay absolute top-[52px] right-[2px]"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "h-full w-full object-contai",
-    src: (_a = CaretRightFilled__default["default"]) != null ? _a : "",
-    alt: "Right Caret"
-  })));
-};
-
-exports.BoostSmallCard = BoostSmallCard;
-//# sourceMappingURL=BoostSmallCard-dd1cbd51.js.map