@learncard/react 2.7.57 → 2.7.59

package/dist/cjs/{VCVerificationPill-1e49db52.js → VCVerificationPill-24375736.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var types_esm = require('./types.esm-a2f30566.js');
+var types_esm = require('./types.esm-ab490643.js');
 var VerificationFailedIcon = require('./RedXCircle.svg');
 var VerificationPassedIcon = require('./GreenCheckCircle.svg');
 var VerificationWarningIcon = require('./YellowWarningCircle.svg');
@@ -72,4 +72,4 @@ const VCVerificationPill = ({
 
 exports.VCVerificationPill = VCVerificationPill;
 exports.ValidationStateIndicator = ValidationStateIndicator;
-//# sourceMappingURL=VCVerificationPill-1e49db52.js.map
+//# sourceMappingURL=VCVerificationPill-24375736.js.map

package/dist/cjs/{VCVerificationPill-1e49db52.js.map → VCVerificationPill-24375736.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCVerificationPill-1e49db52.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":["VerificationStatusEnum","VerificationPassedIcon","VerificationWarningIcon","VerificationFailedIcon","React"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,eAAkB,GAAA;AAAA,EACpB,CAACA,iCAAuB,OAAU,GAAA,gBAAA;AAAA,EAClC,CAACA,iCAAuB,MAAS,GAAA,eAAA;AAAA,EACjC,CAACA,iCAAuB,KAAQ,GAAA,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAACA,iCAAuB,OAAU,GAAA,kBAAA;AAAA,EAClC,CAACA,iCAAuB,MAAS,GAAA,iBAAA;AAAA,EACjC,CAACA,iCAAuB,KAAQ,GAAA,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACA,iCAAuB,OAAU,GAAAC,0CAAA;AAAA,EAClC,CAACD,iCAAuB,MAAS,GAAAE,2CAAA;AAAA,EACjC,CAACF,iCAAuB,KAAQ,GAAAG,0CAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACH,iCAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAACA,iCAAuB,KAAQ,GAAA,qBAAA;AAAA,EAChC,CAACA,iCAAuB,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,uBACKI,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,CAA2C,wCAAA,EAAA,OAAA,CAAA,CAAA;AAAA,GAAA,kBACtDA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,iHAAA;AAAA,GAAA,kBACVA,yBAAA,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,SAASJ,gCAAuB,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,uBACKI,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,8HAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,cAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,WAAW,CAA+C,4CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,GACxD,EAAA,cACL,mBAECA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,6CAAA;AAAA,GAA+C,EAAA,OAAQ,CAEnE,EAAA,OAAA,oBAAYA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,2BAAA;AAAA,GAAA,EAA4B,GAAE,EAAA,OAAQ,CACnE,CAAA,kBACCA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,eAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAA,IAAyB,MAAA;AAAA,GAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;;"}
+{"version":3,"file":"VCVerificationPill-24375736.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":["VerificationStatusEnum","VerificationPassedIcon","VerificationWarningIcon","VerificationFailedIcon","React"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,eAAkB,GAAA;AAAA,EACpB,CAACA,iCAAuB,OAAU,GAAA,gBAAA;AAAA,EAClC,CAACA,iCAAuB,MAAS,GAAA,eAAA;AAAA,EACjC,CAACA,iCAAuB,KAAQ,GAAA,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAACA,iCAAuB,OAAU,GAAA,kBAAA;AAAA,EAClC,CAACA,iCAAuB,MAAS,GAAA,iBAAA;AAAA,EACjC,CAACA,iCAAuB,KAAQ,GAAA,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACA,iCAAuB,OAAU,GAAAC,0CAAA;AAAA,EAClC,CAACD,iCAAuB,MAAS,GAAAE,2CAAA;AAAA,EACjC,CAACF,iCAAuB,KAAQ,GAAAG,0CAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACH,iCAAuB,OAAU,GAAA,sBAAA;AAAA,EAClC,CAACA,iCAAuB,KAAQ,GAAA,qBAAA;AAAA,EAChC,CAACA,iCAAuB,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,uBACKI,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,CAA2C,wCAAA,EAAA,OAAA,CAAA,CAAA;AAAA,GAAA,kBACtDA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,iHAAA;AAAA,GAAA,kBACVA,yBAAA,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,SAASJ,gCAAuB,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,uBACKI,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,8HAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,cAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,WAAW,CAA+C,4CAAA,EAAA,WAAA,CAAA,CAAA;AAAA,GACxD,EAAA,cACL,mBAECA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,6CAAA;AAAA,GAA+C,EAAA,OAAQ,CAEnE,EAAA,OAAA,oBAAYA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,2BAAA;AAAA,GAAA,EAA4B,GAAE,EAAA,OAAQ,CACnE,CAAA,kBACCA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,eAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAA,IAAyB,MAAA;AAAA,GAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;;"}

package/dist/cjs/{constants-2b034e43.js → constants-cd049889.js}

@@ -4,17 +4,17 @@ var React = require('react');
 var CircleIcon = require('./CircleIcon-617c38fa.js');
 var index$1 = require('./index-5488badc.js');
 var icons = require('./icons-0404f605.js');
-var index = require('./index-47e551a7.js');
+var index = require('./index-08002ab6.js');
 var coinsGraphic = require('./walletcurrency.webp');
 var idsGraphic = require('./walletids.webp');
 var learningHistoryGraphic = require('./backpack.png');
 var skillsGraphic = require('./walletskills.webp');
 var achievementsGraphic = require('./walletTrophy.png');
-var socialBadge = require('./social-badge-2.svg');
+var socialBadge = require('./social-badge-2.png');
 var membershipGraphic = require('./membership-graphic.png');
 var apple = require('./apple.png');
 var accommodationHands = require('./Accommodation-Hands.png');
-var experienceMountain = require('./experience-mountain.svg');
+var experienceMountain = require('./experience-mountain.png');
 var MiniTrophyIcon = require('./minitrophycolored.svg');
 var MiniGradIcon = require('./minigradcapcolored.svg');
 var MiniPuzzleIcon = require('./minipuzzlecolored.svg');
@@ -130,4 +130,4 @@ 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-2b034e43.js.map
+//# sourceMappingURL=constants-cd049889.js.map

package/dist/cjs/{constants-2b034e43.js.map → constants-cd049889.js.map}

@@ -1 +1 @@
-{"version":3,"file":"constants-2b034e43.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":["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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"}
+{"version":3,"file":"constants-cd049889.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":["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-9755e2bc.js → credential.helpers-874ecbe1.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var index = require('./index-19045170.js');
-var types_esm = require('./types.esm-a2f30566.js');
+var types_esm = require('./types.esm-ab490643.js');
 var index$1 = require('./index-5488badc.js');
 var PuzzlePiece = require('./PuzzlePiece-937c216a.js');
 var User = require('./User-301088ac.js');
@@ -2344,4 +2344,4 @@ exports.getImageFromProfile = getImageFromProfile;
 exports.getInfoFromCredential = getInfoFromCredential;
 exports.getNameFromProfile = getNameFromProfile;
 exports.getTotalCountOfSkills = getTotalCountOfSkills;
-//# sourceMappingURL=credential.helpers-9755e2bc.js.map
+//# sourceMappingURL=credential.helpers-874ecbe1.js.map