@learncard/react 2.8.62 → 2.9.2

package/dist/cjs/JobHistoryCard-05a3f98b.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var React = require('react');
-var GenericArrow = require('./GenericArrow-8dfb261d.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const JobHistoryCard = ({
-  className,
-  title,
-  company,
-  dateRange,
-  jobType,
-  showArrow = false,
-  onClick
-}) => {
-  const handleClick = () => {
-    onClick == null ? void 0 : onClick();
-  };
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    onClick: handleClick,
-    className: `job-history-card flex h-[88px] max-w-[335px] justify-between shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] rounded-[20px] ${className}`
-  }, dateRange && /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-shrink-0 rounded-[20px]  bg-emerald-600 pl-[15px] font-bold text-grayscale-50 job-card-date-display w-[108px] h-full items-center"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "line-clamp-2"
-  }, dateRange)), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-grow flex-col job-history-details-display pl-[12px]"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-grayscale-900 font-bold line-clamp-1"
-  }, title), /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-grayscale-600 text-sm line-clamp-1"
-  }, company), /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-sm text-indigo-700 uppercase font-bold line-clamp-1"
-  }, jobType)), showArrow && /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex justify-center items-center"
-  }, /* @__PURE__ */ React__default["default"].createElement(GenericArrow.GenericArrow, null)));
-};
-
-exports.JobHistoryCard = JobHistoryCard;
-//# sourceMappingURL=JobHistoryCard-05a3f98b.js.map

package/dist/cjs/JobListCard-f74f0302.js

@@ -1,127 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index$1 = require('./index-08002ab6.js');
-var index = require('./index-5488badc.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const TYPE_TO_COLOR = {
-  course: "bg-emerald-50",
-  achievement: "bg-spice-50",
-  skill: "bg-indigo-50"
-};
-const TYPE_TO_TEXT_COLOR = {
-  course: "text-emerald-700",
-  achievement: "text-spice-500",
-  skill: "text-indigo-600"
-};
-const JobListingBubble = ({
-  count = 0,
-  type = index.LCSubtypes.skill,
-  className
-}) => {
-  const imgSrc = index$1.TYPE_TO_MINI_ICON[type];
-  const bgColor = TYPE_TO_COLOR[type];
-  const textColor = TYPE_TO_TEXT_COLOR[type];
-  if (count === 0)
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null);
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `job-card-stat-bubble px-[10px] px-[5px] flex-nowrap rounded-[30px] flex ${bgColor} min-w-[48px] min-w-[90px] h-[30px] justify-center items-center ${className}`
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    src: imgSrc,
-    className: "mr-[3px]"
-  }), /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: `flex items-center text-sm ${textColor} font-bold`
-  }, count));
-};
-const JobListCard = ({
-  company,
-  className = "job-listing-card",
-  title,
-  compensation,
-  location,
-  locationRequirement,
-  timeRequirement,
-  qualificationDisplay,
-  percentQualifiedDisplay,
-  postDateDisplay,
-  customButtonComponent,
-  imgThumb,
-  isBookmarked,
-  onBookmark,
-  onClick
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
-  const courseReqCount = (_a = qualificationDisplay == null ? void 0 : qualificationDisplay.courses) == null ? void 0 : _a.totalRequiredCount;
-  const achievementsReqCount = (_b = qualificationDisplay == null ? void 0 : qualificationDisplay.achievements) == null ? void 0 : _b.totalRequiredCount;
-  const skillsReqCount = (_c = qualificationDisplay == null ? void 0 : qualificationDisplay.skills) == null ? void 0 : _c.totalRequiredCount;
-  const courseCountDisplay = courseReqCount && `${(_e = (_d = qualificationDisplay == null ? void 0 : qualificationDisplay.courses) == null ? void 0 : _d.fulfilledCount) != null ? _e : 0}/${(_g = (_f = qualificationDisplay == null ? void 0 : qualificationDisplay.courses) == null ? void 0 : _f.totalRequiredCount) != null ? _g : 0}`;
-  const achievementsCountDisplay = achievementsReqCount && `${(_i = (_h = qualificationDisplay == null ? void 0 : qualificationDisplay.achievements) == null ? void 0 : _h.fulfilledCount) != null ? _i : 0}/${(_k = (_j = qualificationDisplay == null ? void 0 : qualificationDisplay.achievements) == null ? void 0 : _j.totalRequiredCount) != null ? _k : 0}`;
-  const skillsCountDisplay = skillsReqCount && `${(_m = (_l = qualificationDisplay == null ? void 0 : qualificationDisplay.skills) == null ? void 0 : _l.fulfilledCount) != null ? _m : 0}/${(_o = (_n = qualificationDisplay == null ? void 0 : qualificationDisplay.skills) == null ? void 0 : _n.totalRequiredCount) != null ? _o : 0}`;
-  const qualifiedText = percentQualifiedDisplay ? `${percentQualifiedDisplay}% Qualified - Apply` : "Apply";
-  let topText = "";
-  if (!compensation && timeRequirement)
-    topText = timeRequirement;
-  if (!timeRequirement && compensation)
-    topText = compensation;
-  if (timeRequirement && compensation)
-    topText = `${compensation} \u2022 ${timeRequirement}`;
-  let locationText = "";
-  if (!location && locationRequirement)
-    locationText = locationRequirement;
-  if (!locationRequirement && location)
-    locationText = location;
-  if (locationRequirement && location)
-    locationText = `${locationRequirement} \u2022 ${location}`;
-  const defaultButton = /* @__PURE__ */ React__default["default"].createElement("button", {
-    type: "button",
-    onClick,
-    className: "mt-[10px] bg-cyan-700 py-[15px] px-[2px] rounded-[40px] text-grayscale-50 text-[17px] font-bold"
-  }, qualifiedText);
-  const buttonComponent = customButtonComponent ? customButtonComponent : defaultButton;
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `flex flex-col justify-between shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] min-h-[260px] rounded-[20px] ${className}`
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "job-listing-top flex"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex text-grayscale-500 text-xs uppercase w-full line-clamp-1"
-  }, topText)), /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-grayscale-500 text-xs line-clamp-1 flex-shrink-0"
-  }, " ", postDateDisplay), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "job-listing-center flex mt-[5px]"
-  }, imgThumb && /* @__PURE__ */ React__default["default"].createElement("img", {
-    className: "object-cover w-[80px] flex-shrink-0 items-center justify-center rounded-[15px] mr-[10px]",
-    src: imgThumb
-  }), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "job-listing-description flex flex-col"
-  }, /* @__PURE__ */ React__default["default"].createElement("h4", {
-    className: "text-lg font-bold line-clamp-2"
-  }, title), /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-sm line-clamp-1"
-  }, company), /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: "text-sm line-clamp-1"
-  }, locationText))), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "job-listing-qualifications mt-[10px]"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "course-card-counts-container flex items-center flex-wrap"
-  }, /* @__PURE__ */ React__default["default"].createElement(JobListingBubble, {
-    type: index.LCSubtypes.course,
-    count: courseCountDisplay,
-    className: "mr-[5px] min-w-[100px]"
-  }), /* @__PURE__ */ React__default["default"].createElement(JobListingBubble, {
-    type: index.LCSubtypes.achievement,
-    count: achievementsCountDisplay,
-    className: "mr-[5px] min-w-[100px]"
-  }), /* @__PURE__ */ React__default["default"].createElement(JobListingBubble, {
-    type: index.LCSubtypes.skill,
-    count: skillsCountDisplay,
-    className: "mr-[0px min-w-[100px]]"
-  }))), buttonComponent);
-};
-
-exports.JobListCard = JobListCard;
-exports.JobListingBubble = JobListingBubble;
-//# sourceMappingURL=JobListCard-f74f0302.js.map

package/dist/cjs/LearnCardCreditCardBackFace-87cc8b9f.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ContactlessSymbol = require('./contactless-symbol.svg');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ContactlessSymbol__default = /*#__PURE__*/_interopDefaultLegacy(ContactlessSymbol);
-
-const LearnCardCreditCardBackFace = ({
-  className,
-  card,
-  user
-}) => {
-  var _a, _b, _c, _d;
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `flex flex-col justify-start items-start w-full min-h-[220px] rounded-[20px] shadow-3xl bg-grayscale-900 relative overflow-hidden credit-card-front-face`
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex justify-between items-center w-full px-3 pt-4 text-white"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-[6px]"
-  }, "Please visit LearnCard app or learncard.com for assistance"), /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-[6px]"
-  }, "854-000-000-24")), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "w-full h-8 bg-white mt-1"
-  }), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex justify-end items-center w-full px-3 mt-1 text-white"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-[6px]"
-  }, "IDEMIA 0 00000 00000 0/00")), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-row justify-between items-center px-3 pt-2 w-full text-white"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", null, (user == null ? void 0 : user.username) && /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-[10px] font-medium",
-    "data-testid": "credit-card-backface-username"
-  }, user == null ? void 0 : user.username), /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-sm tracking-wider",
-    "data-testid": "credit-card-backface-fullname"
-  }, (_a = user == null ? void 0 : user.fullName) != null ? _a : ""), (card == null ? void 0 : card.cardIssueDate) && /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-[10px] tracking-wider",
-    "data-testid": "credit-card-backface-issueDate"
-  }, "MEMBER SINCE ", card == null ? void 0 : card.cardIssueDate)), /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement("img", {
-    src: ContactlessSymbol__default["default"],
-    alt: "contactless icon"
-  }))), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-row justify-between items-center px-3 pt-2 w-full text-white"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-col"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-sm tracking-wider",
-    "data-testid": "credit-card-backface-cardNum"
-  }, (_b = card == null ? void 0 : card.cardNumber) != null ? _b : ""), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-row justify-between items-center"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-[10px] tracking-wider",
-    "data-testid": "credit-card-backface-expDate"
-  }, "EXP ", (_c = card == null ? void 0 : card.cardExpirationDate) != null ? _c : ""), (card == null ? void 0 : card.cardSecurityCode) && /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-[10px] tracking-wider",
-    "data-testid": "credit-card-backface-secCode"
-  }, "SEC ", (_d = card == null ? void 0 : card.cardSecurityCode) != null ? _d : ""))), /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "h-[33px] w-[55px] rounded-[60px] bg-gradient-to-r from-[#F4F5F5] to-[#E3E5E8]"
-  }))), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex justify-start items-center w-full px-3 py-2 text-white"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-[6px]"
-  }, "Issued by the bank of Tennessee pursuant to license by Mastercard International"))));
-};
-
-exports.LearnCardCreditCardBackFace = LearnCardCreditCardBackFace;
-//# sourceMappingURL=LearnCardCreditCardBackFace-87cc8b9f.js.map

package/dist/cjs/LearnCardCreditCardFrontFace-39eeb89a.js

@@ -1,78 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index = require('./index-ec1d26f1.js');
-var CardChip = require('./card-chip.svg');
-var MasterCardLogo = require('./master-card-logo.svg');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var CardChip__default = /*#__PURE__*/_interopDefaultLegacy(CardChip);
-var MasterCardLogo__default = /*#__PURE__*/_interopDefaultLegacy(MasterCardLogo);
-
-const LearnCardCreditCardFrontFace = ({
-  userImage,
-  userImageComponent = null,
-  qrCodeValue,
-  className,
-  showActionButton = false,
-  actionButtonText = "Open Card",
-  onClick = () => {
-  },
-  children
-}) => {
-  var _a, _b;
-  let userImageEl = null;
-  if (userImage) {
-    userImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/2 pb-[50%] mt-2 ml-4"
-    }, /* @__PURE__ */ React__default["default"].createElement("img", {
-      className: "w-full h-full absolute rounded-full object-cover border-solid border-2 border-white",
-      src: userImage,
-      alt: "user image",
-      "data-testid": "credit-card-frontface-userImg"
-    }));
-  } else if (!userImage && userImageComponent) {
-    userImageEl = userImageComponent;
-  }
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `flex flex-row justify-center items-start pt-9 w-full min-h-[220px] rounded-[20px] shadow-3xl relative overflow-hidden credit-card-front-face`
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "absolute top-[-40px] left-0 w-[55%] h-[140%] rounded-tr-[150px] rounded-br-[150px] bg-grayscale-900 credit-card-bubble"
-  }), showActionButton && /* @__PURE__ */ React__default["default"].createElement("button", {
-    className: "absolute top-2 right-4 bg-grayscale-500 border-[2px] rounded-3xl border-solid border-color-grayscale-900 min-w-[110px] p-[2px] font-bold text-xs tracking-wide leading-snug text-center text-white",
-    onClick,
-    "data-testid": "credit-card-frontface-button"
-  }, actionButtonText), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-row justify-between items-start w-full h-full relative"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-1 flex-col"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "pl-8"
-  }, /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "w-full text-xs text-white font-bold tracking-[7px] mb-2 credit-card-front-face-title"
-  }, "LEARNCARD"), /* @__PURE__ */ React__default["default"].createElement("img", {
-    src: (_a = CardChip__default["default"]) != null ? _a : "",
-    alt: "card chip",
-    className: "h-[30px] w-[42px]"
-  })), userImageEl), qrCodeValue && /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "flex flex-1 justify-center items-center relative pl-10 credit-card-qr-code-container"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "h-auto relative qr-code-container"
-  }, /* @__PURE__ */ React__default["default"].createElement(index.QRCodeSVG, {
-    className: "h-full w-full",
-    value: qrCodeValue,
-    "data-testid": "credit-card-qr-code",
-    bgColor: "transparent"
-  }))), /* @__PURE__ */ React__default["default"].createElement("img", {
-    src: (_b = MasterCardLogo__default["default"]) != null ? _b : "",
-    alt: "mastercard icon",
-    className: "absolute bottom-[-8px] right-4 learn-card-mastercard-logo"
-  }))), children);
-};
-
-exports.LearnCardCreditCardFrontFace = LearnCardCreditCardFrontFace;
-//# sourceMappingURL=LearnCardCreditCardFrontFace-39eeb89a.js.map

package/dist/cjs/Lightbulb-19c89d3c.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const IDSleeve = ({ className = "" }) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "295",
-    height: "89",
-    viewBox: "0 0 295 89",
-    fill: "none",
-    className
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M148.777 31.7103H146.223C116.199 31.7103 114.71 0 94.4184 0H0V88.0597H295V0H200.582C178.526 0 176.899 31.7103 148.777 31.7103Z",
-    fill: "currentColor"
-  }));
-};
-
-const Lightbulb = ({ className = "" }) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    viewBox: "0 0 31 30",
-    fill: "none",
-    className,
-    "data-testid": "skill-icon"
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M21.8624 3.52515C20.7128 2.57963 19.3666 1.90268 17.922 1.5437C16.4774 1.18472 14.9709 1.15276 13.5124 1.45015C11.5704 1.84242 9.78866 2.80274 8.39328 4.20925C6.9979 5.61576 6.05177 7.40506 5.67493 9.35015C5.39974 10.8085 5.44974 12.3097 5.82138 13.7466C6.19302 15.1834 6.87713 16.5206 7.82493 17.6626C8.70453 18.6552 9.20872 19.9245 9.24993 21.2501V25.0001C9.24993 25.9947 9.64502 26.9485 10.3483 27.6518C11.0515 28.3551 12.0054 28.7501 12.9999 28.7501H17.9999C18.9945 28.7501 19.9483 28.3551 20.6516 27.6518C21.3548 26.9485 21.7499 25.9947 21.7499 25.0001V21.4876C21.7919 20.0241 22.3296 18.6182 23.2749 17.5001C24.9313 15.4511 25.7121 12.8312 25.4476 10.2097C25.1832 7.58819 23.8947 5.17701 21.8624 3.50015V3.52515ZM19.2499 25.0001C19.2499 25.3317 19.1182 25.6496 18.8838 25.884C18.6494 26.1185 18.3314 26.2501 17.9999 26.2501H12.9999C12.6684 26.2501 12.3505 26.1185 12.116 25.884C11.8816 25.6496 11.7499 25.3317 11.7499 25.0001V23.7501H19.2499V25.0001ZM21.3374 15.9501C20.0806 17.4409 19.3473 19.3027 19.2499 21.2501H16.7499V17.5001C16.7499 17.1686 16.6182 16.8507 16.3838 16.6163C16.1494 16.3818 15.8314 16.2501 15.4999 16.2501C15.1684 16.2501 14.8505 16.3818 14.616 16.6163C14.3816 16.8507 14.2499 17.1686 14.2499 17.5001V21.2501H11.7499C11.7169 19.3353 11.0086 17.4936 9.74993 16.0501C8.91948 15.0551 8.36104 13.8619 8.12907 12.5868C7.89709 11.3117 7.99949 9.99829 8.42629 8.77456C8.85308 7.55083 9.58971 6.45858 10.5643 5.6043C11.539 4.75003 12.7183 4.1629 13.9874 3.90015C15.0781 3.67558 16.2051 3.6967 17.2866 3.96198C18.3681 4.22727 19.377 4.73005 20.24 5.43384C21.103 6.13762 21.7984 7.02474 22.2758 8.03079C22.7532 9.03685 23.0005 10.1366 22.9999 11.2501C23.0092 12.9625 22.4213 14.6245 21.3374 15.9501V15.9501Z",
-    fill: "currentColor"
-  }));
-};
-
-exports.IDSleeve = IDSleeve;
-exports.Lightbulb = Lightbulb;
-//# sourceMappingURL=Lightbulb-19c89d3c.js.map