@learncard/react 2.7.58 → 2.7.60

package/dist/esm/{VCVerificationPill-b7535d76.js → VCVerificationPill-a9829b13.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { V as VerificationStatusEnum } from './types.esm-9910b5f3.js';
+import { V as VerificationStatusEnum } from './types.esm-c5dc9b8c.js';
 import VerificationFailedIcon from './RedXCircle.svg';
 import VerificationPassedIcon from './GreenCheckCircle.svg';
 import VerificationWarningIcon from './YellowWarningCircle.svg';
@@ -62,4 +62,4 @@ const VCVerificationPill = ({
 };
 
 export { ValidationStateIndicator as V, VCVerificationPill as a };
-//# sourceMappingURL=VCVerificationPill-b7535d76.js.map
+//# sourceMappingURL=VCVerificationPill-a9829b13.js.map

package/dist/esm/{VCVerificationPill-b7535d76.js.map → VCVerificationPill-a9829b13.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCVerificationPill-b7535d76.js","sources":["../../src/components/VCVerificationPill/VCVerificationPill.tsx"],"sourcesContent":["import React from 'react';\nimport { VerificationStatus, VerificationStatusEnum } from '@learncard/types';\n\nimport VerificationFailedIcon from '../../assets/images/RedXCircle.svg';\nimport VerificationPassedIcon from '../../assets/images/GreenCheckCircle.svg';\nimport VerificationWarningIcon from '../../assets/images/YellowWarningCircle.svg';\n\ntype VerificationDisplayItemProps = {\n    status?: VerificationStatus;\n    message?: string;\n    details?: string;\n};\n\ntype VerifiableStateIndicatorProps = {\n    status: VerificationStatus;\n};\n\nconst StatusToBgColor = {\n    [VerificationStatusEnum.Success]: 'bg-emerald-500',\n    [VerificationStatusEnum.Failed]: 'bg-yellow-400',\n    [VerificationStatusEnum.Error]: 'bg-rose-600',\n};\n\nconst StatusToTextColor = {\n    [VerificationStatusEnum.Success]: 'text-emerald-700',\n    [VerificationStatusEnum.Failed]: 'text-yellow-400',\n    [VerificationStatusEnum.Error]: 'text-rose-600',\n};\n\nconst StatusToIcon = {\n    [VerificationStatusEnum.Success]: VerificationPassedIcon,\n    [VerificationStatusEnum.Failed]: VerificationWarningIcon,\n    [VerificationStatusEnum.Error]: VerificationFailedIcon,\n};\n\nconst StatusToText = {\n    [VerificationStatusEnum.Success]: 'Verification Success',\n    [VerificationStatusEnum.Error]: 'Verification Error ',\n    [VerificationStatusEnum.Failed]: 'Verification Failed',\n};\n\nexport const ValidationStateIndicator: React.FC<VerifiableStateIndicatorProps> = ({ status }) => {\n    const bgColor = StatusToBgColor[status];\n    const source = StatusToIcon[status];\n\n    return (\n        <div className={`relative rounded-full w-[30px] h-[30px] ${bgColor}`}>\n            <div className=\"relative w-[100%] h-[100%] flex items-center justify-center rounded-[50%] bg-white rounded-full overflow-hidden\">\n                <img\n                    className=\"h-full w-full object-contain p-1\"\n                    src={source ?? ''}\n                    alt=\"Verification Status Icon\"\n                />\n            </div>\n        </div>\n    );\n};\n\nconst VCVerificationPill: React.FC<VerificationDisplayItemProps> = ({\n    message = '',\n    details,\n    status = VerificationStatusEnum.Success,\n}) => {\n    const statusColor = StatusToTextColor[status];\n    const statusInfoText = StatusToText[status];\n\n    return (\n        <section className=\"flex width-full bg-white p-2 px-5 my-3.5 justify-between items-center relative vc-verification-checklist-pill rounded-[22px]\">\n            <div className=\"vc-pill-left\">\n                <p className={`text-[10px] font-bold status-text uppercase ${statusColor}`}>\n                    {statusInfoText}\n                </p>\n\n                <p className=\"text-[12px] text-grayscale-900 vc-pill-text\">{message}</p>\n\n                {details && <p className=\"text-[12px] text-gray-600\"> {details}</p>}\n            </div>\n            <div className=\"vc-pill-right\">\n                <ValidationStateIndicator status={status} />\n            </div>\n        </section>\n    );\n};\n\nexport default VCVerificationPill;\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,eAAkB,GAAA;AAAA,EACpB,CAAC,uBAAuB,OAAU,GAAA,gBAAA;AAAA,EAClC,CAAC,uBAAuB,MAAS,GAAA,eAAA;AAAA,EACjC,CAAC,uBAAuB,KAAQ,GAAA,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAAC,uBAAuB,OAAU,GAAA,kBAAA;AAAA,EAClC,CAAC,uBAAuB,MAAS,GAAA,iBAAA;AAAA,EACjC,CAAC,uBAAuB,KAAQ,GAAA,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAAC,uBAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAAC,uBAAuB,MAAS,GAAA,uBAAA;AAAA,EACjC,CAAC,uBAAuB,KAAQ,GAAA,sBAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAAC,uBAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAAC,uBAAuB,KAAQ,GAAA,qBAAA;AAAA,EAChC,CAAC,uBAAuB,MAAS,GAAA,qBAAA;AACrC,CAAA,CAAA;AAEO,MAAM,wBAAoE,GAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AAC7F,EAAA,MAAM,UAAU,eAAgB,CAAA,MAAA,CAAA,CAAA;AAChC,EAAA,MAAM,SAAS,YAAa,CAAA,MAAA,CAAA,CAAA;AAE5B,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,CAA2C,wCAAA,EAAA,OAAA,CAAA,CAAA;AAAA,GAAA,kBACtD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,iHAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,kCAAA;AAAA,IACV,KAAK,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA;AAAA,IACf,GAAI,EAAA,0BAAA;AAAA,GACR,CACJ,CACJ,CAAA,CAAA;AAER,EAAA;AAEA,MAAM,qBAA6D,CAAC;AAAA,EAChE,OAAU,GAAA,EAAA;AAAA,EACV,OAAA;AAAA,EACA,SAAS,sBAAuB,CAAA,OAAA;AACpC,CAAM,KAAA;AACF,EAAA,MAAM,cAAc,iBAAkB,CAAA,MAAA,CAAA,CAAA;AACtC,EAAA,MAAM,iBAAiB,YAAa,CAAA,MAAA,CAAA,CAAA;AAEpC,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,8HAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,cAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,WAAW,CAA+C,4CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,GACxD,EAAA,cACL,mBAEC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,6CAAA;AAAA,GAA+C,EAAA,OAAQ,CAEnE,EAAA,OAAA,oBAAY,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,2BAAA;AAAA,GAAA,EAA4B,GAAE,EAAA,OAAQ,CACnE,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,eAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAA,IAAyB,MAAA;AAAA,GAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"VCVerificationPill-a9829b13.js","sources":["../../src/components/VCVerificationPill/VCVerificationPill.tsx"],"sourcesContent":["import React from 'react';\nimport { VerificationStatus, VerificationStatusEnum } from '@learncard/types';\n\nimport VerificationFailedIcon from '../../assets/images/RedXCircle.svg';\nimport VerificationPassedIcon from '../../assets/images/GreenCheckCircle.svg';\nimport VerificationWarningIcon from '../../assets/images/YellowWarningCircle.svg';\n\ntype VerificationDisplayItemProps = {\n    status?: VerificationStatus;\n    message?: string;\n    details?: string;\n};\n\ntype VerifiableStateIndicatorProps = {\n    status: VerificationStatus;\n};\n\nconst StatusToBgColor = {\n    [VerificationStatusEnum.Success]: 'bg-emerald-500',\n    [VerificationStatusEnum.Failed]: 'bg-yellow-400',\n    [VerificationStatusEnum.Error]: 'bg-rose-600',\n};\n\nconst StatusToTextColor = {\n    [VerificationStatusEnum.Success]: 'text-emerald-700',\n    [VerificationStatusEnum.Failed]: 'text-yellow-400',\n    [VerificationStatusEnum.Error]: 'text-rose-600',\n};\n\nconst StatusToIcon = {\n    [VerificationStatusEnum.Success]: VerificationPassedIcon,\n    [VerificationStatusEnum.Failed]: VerificationWarningIcon,\n    [VerificationStatusEnum.Error]: VerificationFailedIcon,\n};\n\nconst StatusToText = {\n    [VerificationStatusEnum.Success]: 'Verification Success',\n    [VerificationStatusEnum.Error]: 'Verification Error ',\n    [VerificationStatusEnum.Failed]: 'Verification Failed',\n};\n\nexport const ValidationStateIndicator: React.FC<VerifiableStateIndicatorProps> = ({ status }) => {\n    const bgColor = StatusToBgColor[status];\n    const source = StatusToIcon[status];\n\n    return (\n        <div className={`relative rounded-full w-[30px] h-[30px] ${bgColor}`}>\n            <div className=\"relative w-[100%] h-[100%] flex items-center justify-center rounded-[50%] bg-white rounded-full overflow-hidden\">\n                <img\n                    className=\"h-full w-full object-contain p-1\"\n                    src={source ?? ''}\n                    alt=\"Verification Status Icon\"\n                />\n            </div>\n        </div>\n    );\n};\n\nconst VCVerificationPill: React.FC<VerificationDisplayItemProps> = ({\n    message = '',\n    details,\n    status = VerificationStatusEnum.Success,\n}) => {\n    const statusColor = StatusToTextColor[status];\n    const statusInfoText = StatusToText[status];\n\n    return (\n        <section className=\"flex width-full bg-white p-2 px-5 my-3.5 justify-between items-center relative vc-verification-checklist-pill rounded-[22px]\">\n            <div className=\"vc-pill-left\">\n                <p className={`text-[10px] font-bold status-text uppercase ${statusColor}`}>\n                    {statusInfoText}\n                </p>\n\n                <p className=\"text-[12px] text-grayscale-900 vc-pill-text\">{message}</p>\n\n                {details && <p className=\"text-[12px] text-gray-600\"> {details}</p>}\n            </div>\n            <div className=\"vc-pill-right\">\n                <ValidationStateIndicator status={status} />\n            </div>\n        </section>\n    );\n};\n\nexport default VCVerificationPill;\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,eAAkB,GAAA;AAAA,EACpB,CAAC,uBAAuB,OAAU,GAAA,gBAAA;AAAA,EAClC,CAAC,uBAAuB,MAAS,GAAA,eAAA;AAAA,EACjC,CAAC,uBAAuB,KAAQ,GAAA,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAAC,uBAAuB,OAAU,GAAA,kBAAA;AAAA,EAClC,CAAC,uBAAuB,MAAS,GAAA,iBAAA;AAAA,EACjC,CAAC,uBAAuB,KAAQ,GAAA,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAAC,uBAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAAC,uBAAuB,MAAS,GAAA,uBAAA;AAAA,EACjC,CAAC,uBAAuB,KAAQ,GAAA,sBAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAAC,uBAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAAC,uBAAuB,KAAQ,GAAA,qBAAA;AAAA,EAChC,CAAC,uBAAuB,MAAS,GAAA,qBAAA;AACrC,CAAA,CAAA;AAEO,MAAM,wBAAoE,GAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AAC7F,EAAA,MAAM,UAAU,eAAgB,CAAA,MAAA,CAAA,CAAA;AAChC,EAAA,MAAM,SAAS,YAAa,CAAA,MAAA,CAAA,CAAA;AAE5B,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,CAA2C,wCAAA,EAAA,OAAA,CAAA,CAAA;AAAA,GAAA,kBACtD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,iHAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,kCAAA;AAAA,IACV,KAAK,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA;AAAA,IACf,GAAI,EAAA,0BAAA;AAAA,GACR,CACJ,CACJ,CAAA,CAAA;AAER,EAAA;AAEA,MAAM,qBAA6D,CAAC;AAAA,EAChE,OAAU,GAAA,EAAA;AAAA,EACV,OAAA;AAAA,EACA,SAAS,sBAAuB,CAAA,OAAA;AACpC,CAAM,KAAA;AACF,EAAA,MAAM,cAAc,iBAAkB,CAAA,MAAA,CAAA,CAAA;AACtC,EAAA,MAAM,iBAAiB,YAAa,CAAA,MAAA,CAAA,CAAA;AAEpC,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,8HAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,cAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,WAAW,CAA+C,4CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,GACxD,EAAA,cACL,mBAEC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,6CAAA;AAAA,GAA+C,EAAA,OAAQ,CAEnE,EAAA,OAAA,oBAAY,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,2BAAA;AAAA,GAAA,EAA4B,GAAE,EAAA,OAAQ,CACnE,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,eAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAA,IAAyB,MAAA;AAAA,GAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;"}

package/dist/esm/{constants-05fcfb62.js → constants-20055f35.js}

@@ -2,17 +2,17 @@ import React from 'react';
 import { a as CircleIcon } from './CircleIcon-4200733b.js';
 import { I as Icons, W as WalletCategoryTypes, L as LCSubtypes } from './index-28917993.js';
 import { I as ICONS_TO_SOURCE } from './icons-03afd795.js';
-import { a as TYPE_TO_IMG_SRC$1, c as TYPE_TO_WALLET_COLOR$1 } from './index-4bfdd392.js';
+import { a as TYPE_TO_IMG_SRC$1, c as TYPE_TO_WALLET_COLOR$1 } from './index-b102febc.js';
 import coinsGraphic from './walletcurrency.webp';
 import idsGraphic from './walletids.webp';
 import learningHistoryGraphic from './backpack.png';
 import skillsGraphic from './walletskills.webp';
 import achievementsGraphic from './walletTrophy.png';
-import socialBadge from './social-badge-2.svg';
+import socialBadge from './social-badge-2.png';
 import membershipGraphic from './membership-graphic.png';
 import apple from './apple.png';
 import accommodationHands from './Accommodation-Hands.png';
-import experienceMountain from './experience-mountain.svg';
+import experienceMountain from './experience-mountain.png';
 import MiniTrophyIcon from './minitrophycolored.svg';
 import MiniGradIcon from './minigradcapcolored.svg';
 import MiniPuzzleIcon from './minipuzzlecolored.svg';
@@ -107,4 +107,4 @@ const TYPE_TO_WALLET_COLOR = {
 };
 
 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-05fcfb62.js.map
+//# sourceMappingURL=constants-20055f35.js.map

package/dist/esm/{constants-05fcfb62.js.map → constants-20055f35.js.map}

@@ -1 +1 @@
-{"version":3,"file":"constants-05fcfb62.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-[190px] 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                <p className=\"text-grayscale-900 text-[11px] text-left ml-[5px] font-poppins font-normal leading-[13px]\">{description}</p>\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/backpack.png';\nimport skillsGraphic from '../../assets/images/walletskills.webp';\nimport achievementsGraphic from '../../assets/images/walletTrophy.png';\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    MERIT_BADGES: 'meritBadges',\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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"}
+{"version":3,"file":"constants-20055f35.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-[190px] 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                <p className=\"text-grayscale-900 text-[11px] text-left ml-[5px] font-poppins font-normal leading-[13px]\">{description}</p>\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/backpack.png';\nimport skillsGraphic from '../../assets/images/walletskills.webp';\nimport achievementsGraphic from '../../assets/images/walletTrophy.png';\nimport badgeGraphic from '../../assets/images/social-badge-2.png';\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.png';\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    MERIT_BADGES: 'meritBadges',\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-64afc34f.js → credential.helpers-49e2c04f.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { r as requiredArgs, t as toDate, a as toInteger, _ as _typeof, g as getUTCWeekYear, b as getUTCISOWeekYear, c as getUTCWeek, d as getUTCISOWeek, e as getDefaultOptions } from './index-9e931644.js';
-import { V as VerificationStatusEnum } from './types.esm-9910b5f3.js';
+import { V as VerificationStatusEnum } from './types.esm-c5dc9b8c.js';
 import { a as LCCategoryEnum } from './index-28917993.js';
 import { P as PuzzlePiece } from './PuzzlePiece-1fb12c2e.js';
 import { U as User, B as Briefcase, G as Graduation } from './User-161c7f37.js';
@@ -2328,4 +2328,4 @@ const getTotalCountOfSkills = (skills) => {
 };
 
 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-64afc34f.js.map
+//# sourceMappingURL=credential.helpers-49e2c04f.js.map