@learncard/react 2.6.79 → 2.7.0

package/dist/esm/constants-f2a32f0c.js

@@ -0,0 +1,107 @@
+import React from 'react';
+import { a as CircleIcon } from './CircleIcon-b527bf95.js';
+import { I as Icons, W as WalletCategoryTypes, L as LCSubtypes } from './index-43f63ea7.js';
+import { I as ICONS_TO_SOURCE } from './icons-6ed3416f.js';
+import { a as TYPE_TO_IMG_SRC$1, c as TYPE_TO_WALLET_COLOR$1 } from './index-09573aa0.js';
+import coinsGraphic from './walletcurrency.webp';
+import idsGraphic from './walletids.webp';
+import learningHistoryGraphic from './walletlearninghistory.webp';
+import skillsGraphic from './walletskills.webp';
+import achievementsGraphic from './walletTrophy.webp';
+import socialBadge from './social-badge-2.svg';
+import membershipGraphic from './membership-graphic.png';
+import apple from './apple.png';
+import accommodationHands from './Accommodation-Hands.png';
+import experienceMountain from './experience-mountain.svg';
+import MiniTrophyIcon from './minitrophycolored.svg';
+import MiniGradIcon from './minigradcapcolored.svg';
+import MiniPuzzleIcon from './minipuzzlecolored.svg';
+
+const RoundedSquare = ({
+  title = "Currencies",
+  description = "Lorem ipsum sit dalor amet",
+  iconSrc = ICONS_TO_SOURCE[Icons.trophyIcon],
+  imgSrc,
+  type = WalletCategoryTypes.achievements,
+  count = "28",
+  onClick = () => {
+  },
+  bgColor,
+  iconCircleClass = "",
+  loading,
+  containerClass = ""
+}) => {
+  const imgSource = imgSrc || TYPE_TO_IMG_SRC$1[type];
+  const backgroundColor = bgColor != null ? bgColor : `bg-${TYPE_TO_WALLET_COLOR$1[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.createElement("button", {
+    onClick,
+    className: `flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[170px] rounded-[40px] rounded-square-card-container ${containerClass}`
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "w-full relative"
+  }, /* @__PURE__ */ React.createElement("section", {
+    className: "title-headline-container flex items-center"
+  }, /* @__PURE__ */ React.createElement("h3", {
+    className: "line-clamp-2 font-bold text-[13px] text-grayscale-900 ml-[5px]"
+  }, title)), /* @__PURE__ */ React.createElement("div", {
+    className: "graphic-background relative flex justify-center"
+  }, /* @__PURE__ */ React.createElement("img", {
+    alt: iconAltDescription,
+    className: "max-w-[130px]",
+    src: imgSource
+  }))), /* @__PURE__ */ React.createElement("div", {
+    className: `${circleClass}`
+  }, /* @__PURE__ */ React.createElement(CircleIcon, {
+    iconCircleClass,
+    iconSrc,
+    count,
+    size: "40",
+    loading
+  })));
+};
+
+const TYPE_TO_MINI_ICON = {
+  [LCSubtypes.course]: MiniGradIcon,
+  [LCSubtypes.achievement]: MiniTrophyIcon,
+  [LCSubtypes.skill]: MiniPuzzleIcon
+};
+const WALLET_SUBTYPES = {
+  ACHIEVEMENTS: "achievements",
+  IDS: "ids",
+  JOB_HISTORY: "jobHistory",
+  CURRENCIES: "currency",
+  LEARNING_HISTORY: "learningHistory",
+  SKILLS: "skills",
+  SOCIAL_BADGES: "socialBadges",
+  MEMBERSHIP: "membership",
+  ACCOMPLISHMENTS: "accomplishments",
+  ACCOMMODATIONS: "accommodations"
+};
+const TYPE_TO_IMG_SRC = {
+  [WALLET_SUBTYPES.ACHIEVEMENTS]: achievementsGraphic,
+  [WALLET_SUBTYPES.IDS]: idsGraphic,
+  [WALLET_SUBTYPES.JOB_HISTORY]: experienceMountain,
+  [WALLET_SUBTYPES.LEARNING_HISTORY]: apple,
+  [WALLET_SUBTYPES.CURRENCIES]: coinsGraphic,
+  [WALLET_SUBTYPES.SKILLS]: skillsGraphic,
+  [WALLET_SUBTYPES.SOCIAL_BADGES]: socialBadge,
+  [WALLET_SUBTYPES.MEMBERSHIP]: membershipGraphic,
+  [WALLET_SUBTYPES.ACCOMPLISHMENTS]: learningHistoryGraphic,
+  [WALLET_SUBTYPES.ACCOMMODATIONS]: accommodationHands
+};
+const TYPE_TO_WALLET_COLOR = {
+  [WALLET_SUBTYPES.ACHIEVEMENTS]: "spice-300",
+  [WALLET_SUBTYPES.IDS]: "yellow-300",
+  [WALLET_SUBTYPES.JOB_HISTORY]: "rose-300",
+  [WALLET_SUBTYPES.LEARNING_HISTORY]: "emerald-300",
+  [WALLET_SUBTYPES.CURRENCIES]: "cyan-200",
+  [WALLET_SUBTYPES.SKILLS]: "indigo-300",
+  [WALLET_SUBTYPES.SOCIAL_BADGES]: "cyan-200",
+  [WALLET_SUBTYPES.MEMBERSHIP]: "teal-300",
+  [WALLET_SUBTYPES.ACCOMPLISHMENTS]: "lime-300",
+  [WALLET_SUBTYPES.ACCOMMODATIONS]: "amber-300"
+};
+
+export { RoundedSquare as R, TYPE_TO_MINI_ICON as T, WALLET_SUBTYPES as W, TYPE_TO_IMG_SRC as a, TYPE_TO_WALLET_COLOR as b };
+//# sourceMappingURL=constants-f2a32f0c.js.map

package/dist/esm/constants-f2a32f0c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-f2a32f0c.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":["TYPE_TO_IMG_SRC","TYPE_TO_WALLET_COLOR","badgeGraphic"],"mappings":"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"}

package/dist/esm/{credential.helpers-20680b00.js → credential.helpers-c06a1aa8.js}

@@ -1,49 +1,9 @@
 import React from 'react';
-import { a as VerificationStatusEnum } from './VCVerificationPill-2c48beee.js';
+import { V as VerificationStatusEnum } from './types.esm-8f6a5623.js';
 import { a as LCCategoryEnum } from './index-43f63ea7.js';
-import { P as PuzzlePiece } from './types-c31e4bae.js';
-import './icons-6ed3416f.js';
-import { U as User, B as Briefcase, G as Graduation } from './User-9f253521.js';
+import { P as PuzzlePiece } from './PuzzlePiece-1fb12c2e.js';
+import { U as User, B as Briefcase, G as Graduation } from './User-161c7f37.js';
 import { T as Trophy } from './Trophy-ad67f46a.js';
-import './index-09573aa0.js';
-import './DotsThreeOutline.svg';
-import './CaretRightFilled.svg';
-import './default-face.jpeg';
-import './addawardlight.svg';
-import 'react-dom';
-import './athletics.svg';
-import './business.svg';
-import './creative.svg';
-import './digital.svg';
-import './durable.svg';
-import './medical.svg';
-import './social.svg';
-import './stem.svg';
-import './trade.svg';
-import './index.es-0cc0c240.js';
-import './vc.check.svg';
-import './id-sleeve.png';
-import './numeral-804ed0c4.js';
-import './lhplaceholder.png';
-import './minitrophy.svg';
-import './minijob.svg';
-import './minipuzzle.svg';
-import './contactless-symbol.svg';
-import './index-dff96076.js';
-import './card-chip.svg';
-import './master-card-logo.svg';
-import './LearnPill-ebb251f6.js';
-import './verified-check.png';
-import './X.svg';
-import './ArrowArcLeft.svg';
-import './types-b32d28d5.js';
-import './constants-ee2b8bc3.js';
-import './react-barcode-150610c2.js';
-import './skillplaceholder.png';
-import './skillgraph.svg';
-import '@learncard/init';
-import './icon.green.fat-arrow.png';
-import './ArrowArcRight.svg';
 
 const AccommodationsIcon = ({
   className = "",
@@ -2754,5 +2714,5 @@ const getTotalCountOfSkills = (skills) => {
   return totalCount;
 };
 
-export { getInfoFromCredential as a, getCategoryDarkColor as b, getCategoryLightColor as c, getCategoryIcon as d, getTotalCountOfSkills as e, categorizeSkills as f, getColorForVerificationStatus as g, getNameFromProfile as h, getImageFromProfile as i, format as j, getCategoryColor as k };
-//# sourceMappingURL=credential.helpers-20680b00.js.map
+export { getColorForVerificationStatus as a, getInfoFromCredential as b, categorizeSkills as c, getCategoryDarkColor as d, getCategoryLightColor as e, getCategoryIcon as f, getTotalCountOfSkills as g, getNameFromProfile as h, getImageFromProfile as i, format as j, getCategoryColor as k };
+//# sourceMappingURL=credential.helpers-c06a1aa8.js.map