@learncard/react 2.6.79 → 2.7.0

package/dist/cjs/{constants-93a826a5.js → constants-3359aea1.js}

@@ -1,5 +1,10 @@
 'use strict';
 
+var React = require('react');
+var CircleIcon = require('./CircleIcon-5587a585.js');
+var index = require('./index-7d94d5ac.js');
+var icons = require('./icons-9878f84c.js');
+var index$1 = require('./index-503d0d98.js');
 var coinsGraphic = require('./walletcurrency.webp');
 var idsGraphic = require('./walletids.webp');
 var learningHistoryGraphic = require('./walletlearninghistory.webp');
@@ -13,10 +18,10 @@ var experienceMountain = require('./experience-mountain.svg');
 var MiniTrophyIcon = require('./minitrophycolored.svg');
 var MiniGradIcon = require('./minigradcapcolored.svg');
 var MiniPuzzleIcon = require('./minipuzzlecolored.svg');
-var index = require('./index-7d94d5ac.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var coinsGraphic__default = /*#__PURE__*/_interopDefaultLegacy(coinsGraphic);
 var idsGraphic__default = /*#__PURE__*/_interopDefaultLegacy(idsGraphic);
 var learningHistoryGraphic__default = /*#__PURE__*/_interopDefaultLegacy(learningHistoryGraphic);
@@ -31,6 +36,50 @@ var MiniTrophyIcon__default = /*#__PURE__*/_interopDefaultLegacy(MiniTrophyIcon)
 var MiniGradIcon__default = /*#__PURE__*/_interopDefaultLegacy(MiniGradIcon);
 var MiniPuzzleIcon__default = /*#__PURE__*/_interopDefaultLegacy(MiniPuzzleIcon);
 
+const RoundedSquare = ({
+  title = "Currencies",
+  description = "Lorem ipsum sit dalor amet",
+  iconSrc = icons.ICONS_TO_SOURCE[index.Icons.trophyIcon],
+  imgSrc,
+  type = index.WalletCategoryTypes.achievements,
+  count = "28",
+  onClick = () => {
+  },
+  bgColor,
+  iconCircleClass = "",
+  loading,
+  containerClass = ""
+}) => {
+  const imgSource = imgSrc || index$1.TYPE_TO_IMG_SRC[type];
+  const backgroundColor = bgColor != null ? bgColor : `bg-${index$1.TYPE_TO_WALLET_COLOR[type]}`;
+  const circleClass = `flex w-full justify-end icon-display absolute right-[15px] bottom-[10px] max-h-[40px] max-w-[40px] rounded-full`;
+  const iconAltDescription = `${title} Icon`;
+  return /* @__PURE__ */ React__default["default"].createElement("button", {
+    onClick,
+    className: `flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[170px] rounded-[40px] rounded-square-card-container ${containerClass}`
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "w-full relative"
+  }, /* @__PURE__ */ React__default["default"].createElement("section", {
+    className: "title-headline-container flex items-center"
+  }, /* @__PURE__ */ React__default["default"].createElement("h3", {
+    className: "line-clamp-2 font-bold text-[13px] text-grayscale-900 ml-[5px]"
+  }, title)), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "graphic-background relative flex justify-center"
+  }, /* @__PURE__ */ React__default["default"].createElement("img", {
+    alt: iconAltDescription,
+    className: "max-w-[130px]",
+    src: imgSource
+  }))), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: `${circleClass}`
+  }, /* @__PURE__ */ React__default["default"].createElement(CircleIcon.CircleIcon, {
+    iconCircleClass,
+    iconSrc,
+    count,
+    size: "40",
+    loading
+  })));
+};
+
 const TYPE_TO_MINI_ICON = {
   [index.LCSubtypes.course]: MiniGradIcon__default["default"],
   [index.LCSubtypes.achievement]: MiniTrophyIcon__default["default"],
@@ -73,8 +122,9 @@ const TYPE_TO_WALLET_COLOR = {
   [WALLET_SUBTYPES.ACCOMMODATIONS]: "amber-300"
 };
 
+exports.RoundedSquare = RoundedSquare;
 exports.TYPE_TO_IMG_SRC = TYPE_TO_IMG_SRC;
 exports.TYPE_TO_MINI_ICON = TYPE_TO_MINI_ICON;
 exports.TYPE_TO_WALLET_COLOR = TYPE_TO_WALLET_COLOR;
 exports.WALLET_SUBTYPES = WALLET_SUBTYPES;
-//# sourceMappingURL=constants-93a826a5.js.map
+//# sourceMappingURL=constants-3359aea1.js.map

package/dist/cjs/constants-3359aea1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-3359aea1.js","sources":["../../src/components/RoundedSquare/RoundedSquare.tsx","../../src/components/RoundedSquare/constants.ts"],"sourcesContent":["import React from 'react';\n\nimport CircleIcon from '../CircleIcon/CircleIcon';\nimport { Icons, WalletCategoryTypes } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_COLOR } from '../../constants';\n\nexport type RoundedSquareProps = {\n    title?: string;\n    description?: string;\n    type?: WalletCategoryTypes;\n    iconSrc?: string;\n    imgSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n    iconCircleClass?: string;\n    loading?: boolean;\n    containerClass?: string;\n};\n\nexport const RoundedSquare: React.FC<RoundedSquareProps> = ({\n    title = 'Currencies',\n    description = 'Lorem ipsum sit dalor amet',\n    iconSrc = ICONS_TO_SOURCE[Icons.trophyIcon],\n    imgSrc,\n    type = WalletCategoryTypes.achievements,\n    count = '28',\n    onClick = () => {},\n    bgColor,\n    iconCircleClass = '',\n    loading,\n    containerClass = '',\n}) => {\n    const imgSource = imgSrc || TYPE_TO_IMG_SRC[type];\n    const backgroundColor = bgColor ?? `bg-${TYPE_TO_WALLET_COLOR[type]}`;\n    const circleClass = `flex w-full justify-end icon-display absolute right-[15px] bottom-[10px] max-h-[40px] max-w-[40px] rounded-full`;\n    const iconAltDescription = `${title} Icon`;\n    return (\n        <button\n            onClick={onClick}\n            className={`flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[170px] rounded-[40px] rounded-square-card-container ${containerClass}`}\n        >\n            <div className=\"w-full relative\">\n                <section className=\"title-headline-container flex items-center\">\n                    <h3 className=\"line-clamp-2 font-bold text-[13px] text-grayscale-900 ml-[5px]\">\n                        {title}\n                    </h3>\n                </section>\n\n                <div className=\"graphic-background relative flex justify-center\">\n                    <img alt={iconAltDescription} className=\"max-w-[130px]\" src={imgSource} />\n                </div>\n            </div>\n\n            <div className={`${circleClass}`}>\n                <CircleIcon\n                    iconCircleClass={iconCircleClass}\n                    iconSrc={iconSrc}\n                    count={count}\n                    size=\"40\"\n                    loading={loading}\n                />\n            </div>\n        </button>\n    );\n};\n\nexport default RoundedSquare;\n","import coinsGraphic from '../../assets/images/walletcurrency.webp';\nimport idsGraphic from '../../assets/images/walletids.webp';\nimport jobhistoryGraphic from '../../assets/images/walletjobhistory.webp';\nimport learningHistoryGraphic from '../../assets/images/walletlearninghistory.webp';\nimport skillsGraphic from '../../assets/images/walletskills.webp';\nimport achievementsGraphic from '../../assets/images/walletTrophy.webp';\nimport badgeGraphic from '../../assets/images/social-badge-2.svg';\nimport membershipGraphic from '../../assets/images/membership-graphic.png';\n\nimport apple from '../../assets/images/apple.png';\nimport accommodationHands from '../../assets/images/Accommodation-Hands.png';\nimport experienceMountain from '../../assets/images/experience-mountain.svg';\n\nimport MiniTrophyIcon from '../../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzlecolored.svg';\nimport { LCSubtypes } from '../../types';\n\nexport const TYPE_TO_MINI_ICON: any = {\n    [LCSubtypes.course]: MiniGradIcon,\n    [LCSubtypes.achievement]: MiniTrophyIcon,\n    [LCSubtypes.skill]: MiniPuzzleIcon,\n};\n\nexport const WALLET_SUBTYPES = {\n    ACHIEVEMENTS: 'achievements',\n    IDS: 'ids',\n    JOB_HISTORY: 'jobHistory',\n    CURRENCIES: 'currency',\n    LEARNING_HISTORY: 'learningHistory',\n    SKILLS: 'skills',\n    SOCIAL_BADGES: 'socialBadges',\n    MEMBERSHIP: 'membership',\n    ACCOMPLISHMENTS: 'accomplishments',\n    ACCOMMODATIONS: 'accommodations',\n};\n\nexport const TYPE_TO_IMG_SRC = {\n    [WALLET_SUBTYPES.ACHIEVEMENTS]: achievementsGraphic,\n    [WALLET_SUBTYPES.IDS]: idsGraphic,\n    [WALLET_SUBTYPES.JOB_HISTORY]: experienceMountain,\n    [WALLET_SUBTYPES.LEARNING_HISTORY]: apple,\n    [WALLET_SUBTYPES.CURRENCIES]: coinsGraphic,\n    [WALLET_SUBTYPES.SKILLS]: skillsGraphic,\n    [WALLET_SUBTYPES.SOCIAL_BADGES]: badgeGraphic,\n    [WALLET_SUBTYPES.MEMBERSHIP]: membershipGraphic,\n    [WALLET_SUBTYPES.ACCOMPLISHMENTS]: learningHistoryGraphic,\n    [WALLET_SUBTYPES.ACCOMMODATIONS]: accommodationHands,\n};\n\nexport const TYPE_TO_WALLET_COLOR = {\n    [WALLET_SUBTYPES.ACHIEVEMENTS]: 'spice-300',\n    [WALLET_SUBTYPES.IDS]: 'yellow-300',\n    [WALLET_SUBTYPES.JOB_HISTORY]: 'rose-300',\n    [WALLET_SUBTYPES.LEARNING_HISTORY]: 'emerald-300',\n    [WALLET_SUBTYPES.CURRENCIES]: 'cyan-200',\n    [WALLET_SUBTYPES.SKILLS]: 'indigo-300',\n    [WALLET_SUBTYPES.SOCIAL_BADGES]: 'cyan-200',\n    [WALLET_SUBTYPES.MEMBERSHIP]: 'teal-300',\n    [WALLET_SUBTYPES.ACCOMPLISHMENTS]: 'lime-300',\n    [WALLET_SUBTYPES.ACCOMMODATIONS]: 'amber-300',\n};\n"],"names":["ICONS_TO_SOURCE","Icons","WalletCategoryTypes","TYPE_TO_IMG_SRC","TYPE_TO_WALLET_COLOR","React","CircleIcon","LCSubtypes","MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","achievementsGraphic","idsGraphic","experienceMountain","apple","coinsGraphic","skillsGraphic","badgeGraphic","membershipGraphic","learningHistoryGraphic","accommodationHands"],"mappings":"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"}

package/dist/cjs/{credential.helpers-adf7af7c.js → credential.helpers-ccf9ea86.js}

@@ -1,51 +1,11 @@
 'use strict';
 
 var React = require('react');
-var VCVerificationPill = require('./VCVerificationPill-b4b96a9f.js');
+var types_esm = require('./types.esm-2ec4fa7e.js');
 var index = require('./index-7d94d5ac.js');
-var types = require('./types-7f6324ea.js');
-require('./icons-9878f84c.js');
-var User = require('./User-dde46685.js');
+var PuzzlePiece = require('./PuzzlePiece-937c216a.js');
+var User = require('./User-301088ac.js');
 var Trophy = require('./Trophy-3d323be3.js');
-require('./index-503d0d98.js');
-require('./DotsThreeOutline.svg');
-require('./CaretRightFilled.svg');
-require('./default-face.jpeg');
-require('./addawardlight.svg');
-require('react-dom');
-require('./athletics.svg');
-require('./business.svg');
-require('./creative.svg');
-require('./digital.svg');
-require('./durable.svg');
-require('./medical.svg');
-require('./social.svg');
-require('./stem.svg');
-require('./trade.svg');
-require('./index.es-05e5f438.js');
-require('./vc.check.svg');
-require('./id-sleeve.png');
-require('./numeral-d057158c.js');
-require('./lhplaceholder.png');
-require('./minitrophy.svg');
-require('./minijob.svg');
-require('./minipuzzle.svg');
-require('./contactless-symbol.svg');
-require('./index-8082a131.js');
-require('./card-chip.svg');
-require('./master-card-logo.svg');
-require('./LearnPill-64fbabc8.js');
-require('./verified-check.png');
-require('./X.svg');
-require('./ArrowArcLeft.svg');
-require('./types-e4d9a257.js');
-require('./constants-93a826a5.js');
-require('./react-barcode-1a2c5694.js');
-require('./skillplaceholder.png');
-require('./skillgraph.svg');
-require('@learncard/init');
-require('./icon.green.fat-arrow.png');
-require('./ArrowArcRight.svg');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -2605,11 +2565,11 @@ const getInfoFromCredential = (credential, dateFormat = "dd MMM yyyy", options =
 };
 const getColorForVerificationStatus = (status) => {
   switch (status) {
-    case VCVerificationPill.VerificationStatusEnum.Success:
+    case types_esm.VerificationStatusEnum.Success:
       return "#39B54A";
-    case VCVerificationPill.VerificationStatusEnum.Failed:
+    case types_esm.VerificationStatusEnum.Failed:
       return "#D01012";
-    case VCVerificationPill.VerificationStatusEnum.Error:
+    case types_esm.VerificationStatusEnum.Error:
       return "#FFBD06";
     default:
       return "#000000";
@@ -2682,7 +2642,7 @@ const getCategoryIcon = (category = index.LCCategoryEnum.achievement) => {
     case index.LCCategoryEnum.socialBadge:
       return /* @__PURE__ */ React__default["default"].createElement(SocialBadgesIcon, null);
     case index.LCCategoryEnum.skill:
-      return /* @__PURE__ */ React__default["default"].createElement(types.PuzzlePiece, null);
+      return /* @__PURE__ */ React__default["default"].createElement(PuzzlePiece.PuzzlePiece, null);
     case index.LCCategoryEnum.achievement:
       return /* @__PURE__ */ React__default["default"].createElement(Trophy.Trophy, {
         size: "21"
@@ -2771,4 +2731,4 @@ exports.getImageFromProfile = getImageFromProfile;
 exports.getInfoFromCredential = getInfoFromCredential;
 exports.getNameFromProfile = getNameFromProfile;
 exports.getTotalCountOfSkills = getTotalCountOfSkills;
-//# sourceMappingURL=credential.helpers-adf7af7c.js.map
+//# sourceMappingURL=credential.helpers-ccf9ea86.js.map