@learncard/react 2.12.8 → 2.12.10

package/dist/cjs/{VCVerificationPill-90e6ab77.js → VCVerificationPill-fe1eb97b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var types_esm = require('./types.esm-9062360c.js');
+var types_esm = require('./types.esm-6ef18f40.js');
 var VerificationFailedIcon = require('./RedXCircle.svg');
 var VerificationPassedIcon = require('./GreenCheckCircle.svg');
 var VerificationWarningIcon = require('./YellowWarningCircle.svg');
@@ -57,4 +57,4 @@ const VCVerificationPill = ({
 
 exports.VCVerificationPill = VCVerificationPill;
 exports.ValidationStateIndicator = ValidationStateIndicator;
-//# sourceMappingURL=VCVerificationPill-90e6ab77.js.map
+//# sourceMappingURL=VCVerificationPill-fe1eb97b.js.map

package/dist/cjs/{VCVerificationPill-90e6ab77.js.map → VCVerificationPill-fe1eb97b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCVerificationPill-90e6ab77.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,gCAAuB,CAAA,OAAO,GAAG,gBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,MAAM,GAAG,eAAA;AAAA,EACjC,CAACA,gCAAuB,CAAA,KAAK,GAAG,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAACA,gCAAuB,CAAA,OAAO,GAAG,kBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,MAAM,GAAG,iBAAA;AAAA,EACjC,CAACA,gCAAuB,CAAA,KAAK,GAAG,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACA,gCAAuB,CAAA,OAAO,GAAGC,0CAAA;AAAA,EAClC,CAACD,gCAAuB,CAAA,MAAM,GAAGE,2CAAA;AAAA,EACjC,CAACF,gCAAuB,CAAA,KAAK,GAAGG,0CAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACH,gCAAuB,CAAA,OAAO,GAAG,sBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,KAAK,GAAG,qBAAA;AAAA,EAChC,CAACA,gCAAuB,CAAA,MAAM,GAAG,qBAAA;AACrC,CAAA,CAAA;AAEO,MAAM,wBAAoE,GAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AAC7F,EAAM,MAAA,OAAA,GAAU,gBAAgB,MAAM,CAAA,CAAA;AACtC,EAAM,MAAA,MAAA,GAAS,aAAa,MAAM,CAAA,CAAA;AAElC,EACI,uBAAAI,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAW,EAAA,CAAA,wCAAA,EAA2C,OAAO,CAC9D,CAAA,EAAA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,iHACX,EAAA,kBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAU,EAAA,kCAAA;AAAA,MACV,KAAK,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA;AAAA,MACf,GAAI,EAAA,0BAAA;AAAA,KAAA;AAAA,GAEZ,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,EAAM,MAAA,WAAA,GAAc,kBAAkB,MAAM,CAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiB,aAAa,MAAM,CAAA,CAAA;AAE1C,EAAA,+DACK,SAAQ,EAAA,EAAA,SAAA,EAAU,8HACf,EAAA,kBAAAI,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAU,EAAA,cAAA,EAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,WAAW,CAA+C,4CAAA,EAAA,WAAW,MACnE,cACL,CAAA,0DAEC,GAAE,EAAA,EAAA,SAAA,EAAU,6CAA+C,EAAA,EAAA,OAAQ,GAEnE,OAAW,oBAAAA,yBAAA,CAAA,aAAA,CAAC,OAAE,SAAU,EAAA,2BAAA,EAAA,EAA4B,KAAE,OAAQ,CACnE,CACA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAU,EAAA,eAAA,EAAA,0DACV,wBAAyB,EAAA,EAAA,MAAA,EAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;;"}
+{"version":3,"file":"VCVerificationPill-fe1eb97b.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,gCAAuB,CAAA,OAAO,GAAG,gBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,MAAM,GAAG,eAAA;AAAA,EACjC,CAACA,gCAAuB,CAAA,KAAK,GAAG,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAACA,gCAAuB,CAAA,OAAO,GAAG,kBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,MAAM,GAAG,iBAAA;AAAA,EACjC,CAACA,gCAAuB,CAAA,KAAK,GAAG,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACA,gCAAuB,CAAA,OAAO,GAAGC,0CAAA;AAAA,EAClC,CAACD,gCAAuB,CAAA,MAAM,GAAGE,2CAAA;AAAA,EACjC,CAACF,gCAAuB,CAAA,KAAK,GAAGG,0CAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACH,gCAAuB,CAAA,OAAO,GAAG,sBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,KAAK,GAAG,qBAAA;AAAA,EAChC,CAACA,gCAAuB,CAAA,MAAM,GAAG,qBAAA;AACrC,CAAA,CAAA;AAEO,MAAM,wBAAoE,GAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AAC7F,EAAM,MAAA,OAAA,GAAU,gBAAgB,MAAM,CAAA,CAAA;AACtC,EAAM,MAAA,MAAA,GAAS,aAAa,MAAM,CAAA,CAAA;AAElC,EACI,uBAAAI,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAW,EAAA,CAAA,wCAAA,EAA2C,OAAO,CAC9D,CAAA,EAAA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,iHACX,EAAA,kBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAU,EAAA,kCAAA;AAAA,MACV,KAAK,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA;AAAA,MACf,GAAI,EAAA,0BAAA;AAAA,KAAA;AAAA,GAEZ,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,EAAM,MAAA,WAAA,GAAc,kBAAkB,MAAM,CAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiB,aAAa,MAAM,CAAA,CAAA;AAE1C,EAAA,+DACK,SAAQ,EAAA,EAAA,SAAA,EAAU,8HACf,EAAA,kBAAAI,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAU,EAAA,cAAA,EAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,WAAW,CAA+C,4CAAA,EAAA,WAAW,MACnE,cACL,CAAA,0DAEC,GAAE,EAAA,EAAA,SAAA,EAAU,6CAA+C,EAAA,EAAA,OAAQ,GAEnE,OAAW,oBAAAA,yBAAA,CAAA,aAAA,CAAC,OAAE,SAAU,EAAA,2BAAA,EAAA,EAA4B,KAAE,OAAQ,CACnE,CACA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAU,EAAA,eAAA,EAAA,0DACV,wBAAyB,EAAA,EAAA,MAAA,EAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;;"}

package/dist/cjs/{constants-2430d4bc.js → constants-dd01b5de.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var CircleIcon = require('./CircleIcon-f0fa68c7.js');
-var index$1 = require('./index-5488badc.js');
-var icons = require('./icons-857d4be1.js');
-var index = require('./index-ba659c28.js');
+var CircleIcon = require('./CircleIcon-47392efc.js');
+var index$1 = require('./index-3daa4cfe.js');
+var icons = require('./icons-4693cac7.js');
+var index = require('./index-603feb35.js');
 var coinsGraphic = require('./walletcurrency.webp');
 var idsGraphic = require('./walletids.webp');
 var learningHistoryGraphic = require('./backpack.png');
@@ -122,4 +122,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-2430d4bc.js.map
+//# sourceMappingURL=constants-dd01b5de.js.map

package/dist/cjs/{constants-2430d4bc.js.map → constants-dd01b5de.js.map}

@@ -1 +1 @@
-{"version":3,"file":"constants-2430d4bc.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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"}
+{"version":3,"file":"constants-dd01b5de.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-0f0e8f00.js → credential.helpers-2d2d8bf5.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var index = require('./index-da255c9a.js');
-var types_esm = require('./types.esm-9062360c.js');
-var index$1 = require('./index-5488badc.js');
+var types_esm = require('./types.esm-6ef18f40.js');
+var index$1 = require('./index-3daa4cfe.js');
 var PuzzlePiece = require('./PuzzlePiece-e64f4596.js');
 var User = require('./User-54049eba.js');
 var Trophy = require('./Trophy-9758f0cf.js');
@@ -127,6 +127,64 @@ const KeyIcon = ({
   );
 };
 
+const QualificationsIcon = ({
+  className = "",
+  size = ""
+}) => /* @__PURE__ */ React__default["default"].createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "108 1152 24 25.912857",
+    fill: "none",
+    className
+  },
+  /* @__PURE__ */ React__default["default"].createElement(
+    "path",
+    {
+      d: "M120 1170.85C116.219 1170.85 113.807 1170.7 112.373 1170.56C111.545 1170.48 110.845 1169.74 110.752 1168.65C110.629 1167.2 110.5 1165.07 110.5 1162.53C110.5 1159.99 110.629 1157.86 110.752 1156.41C110.845 1155.32 111.545 1154.58 112.373 1154.5C113.807 1154.36 116.219 1154.21 120 1154.21C123.781 1154.21 126.193 1154.36 127.627 1154.5C128.455 1154.58 129.155 1155.32 129.248 1156.41C129.371 1157.86 129.5 1159.99 129.5 1162.53C129.5 1165.07 129.371 1167.2 129.248 1168.65C129.155 1169.74 128.455 1170.48 127.627 1170.56C126.193 1170.7 123.781 1170.85 120 1170.85Z",
+      fill: "#EA580C",
+      stroke: "#EA580C"
+    }
+  ),
+  /* @__PURE__ */ React__default["default"].createElement(
+    "path",
+    {
+      d: "M111 1162.82C111 1165.35 111.128 1167.46 111.25 1168.9C111.327 1169.81 111.887 1170.31 112.423 1170.36C113.838 1170.5 116.231 1170.65 120 1170.65C123.769 1170.65 126.162 1170.5 127.577 1170.36C128.113 1170.31 128.673 1169.81 128.75 1168.9C128.872 1167.46 129 1165.35 129 1162.82C129 1160.3 128.872 1158.19 128.75 1156.75C128.673 1155.84 128.113 1155.34 127.577 1155.29C126.162 1155.15 123.769 1155 120 1155C116.231 1155 113.838 1155.15 112.423 1155.29C111.887 1155.34 111.327 1155.84 111.25 1156.75C111.128 1158.19 111 1160.3 111 1162.82ZM109 1162.82C109 1160.23 109.131 1158.07 109.257 1156.58C109.396 1154.93 110.522 1153.47 112.227 1153.3C113.72 1153.15 116.181 1153 120 1153C123.819 1153 126.28 1153.15 127.773 1153.3C129.478 1153.47 130.604 1154.93 130.743 1156.58C130.869 1158.07 131 1160.23 131 1162.82C131 1165.41 130.869 1167.58 130.743 1169.07C130.604 1170.71 129.478 1172.18 127.773 1172.35C126.28 1172.5 123.819 1172.65 120 1172.65C116.181 1172.65 113.72 1172.5 112.227 1172.35C110.522 1172.18 109.396 1170.71 109.257 1169.07C109.131 1167.58 109 1165.41 109 1162.82Z",
+      fill: "#EA580C"
+    }
+  ),
+  /* @__PURE__ */ React__default["default"].createElement(
+    "path",
+    {
+      d: "M123.483 1166.94L124.976 1175.91L120.074 1172.96L115.172 1175.91L116.665 1166.94",
+      fill: "#EA580C"
+    }
+  ),
+  /* @__PURE__ */ React__default["default"].createElement(
+    "path",
+    {
+      d: "M123.318 1165.95C123.863 1165.86 124.378 1166.23 124.469 1166.77L125.962 1175.75C126.026 1176.13 125.86 1176.52 125.537 1176.74C125.214 1176.96 124.793 1176.97 124.459 1176.77L120.073 1174.12L115.688 1176.77C115.354 1176.97 114.933 1176.96 114.61 1176.74C114.287 1176.52 114.121 1176.13 114.185 1175.75L115.679 1166.77C115.769 1166.23 116.284 1165.86 116.829 1165.95C117.374 1166.04 117.742 1166.56 117.651 1167.1L116.514 1173.93L119.557 1172.1L119.68 1172.04C119.973 1171.91 120.312 1171.93 120.59 1172.1L123.633 1173.93L122.496 1167.1C122.405 1166.56 122.774 1166.04 123.318 1165.95Z",
+      fill: "white"
+    }
+  ),
+  /* @__PURE__ */ React__default["default"].createElement(
+    "path",
+    {
+      d: "M120.074 1168.03C123.322 1168.03 125.956 1165.38 125.956 1162.12C125.956 1158.85 123.322 1156.21 120.074 1156.21C116.825 1156.21 114.191 1158.85 114.191 1162.12C114.191 1165.38 116.825 1168.03 120.074 1168.03Z",
+      fill: "#EA580C"
+    }
+  ),
+  /* @__PURE__ */ React__default["default"].createElement(
+    "path",
+    {
+      d: "M124.956 1162.12C124.956 1159.4 122.766 1157.21 120.074 1157.21C117.382 1157.21 115.192 1159.4 115.191 1162.12C115.191 1164.83 117.382 1167.03 120.074 1167.03C122.766 1167.03 124.956 1164.83 124.956 1162.12ZM126.956 1162.12C126.956 1165.93 123.88 1169.03 120.074 1169.03C116.269 1169.03 113.191 1165.93 113.191 1162.12C113.192 1158.31 116.269 1155.21 120.074 1155.21C123.88 1155.21 126.956 1158.31 126.956 1162.12Z",
+      fill: "white"
+    }
+  )
+);
+
 const ScoutsLogo = ({ className = "", size = "25" }) => {
   return /* @__PURE__ */ React__default["default"].createElement(
     "svg",
@@ -2250,6 +2308,8 @@ const getCategoryColor = (category = index$1.LCCategoryEnum.achievement) => {
       return "indigo-600";
     case index$1.LCCategoryEnum.achievement:
       return "pink-600";
+    case index$1.LCCategoryEnum.qualifications:
+      return "orange-700";
     case index$1.LCCategoryEnum.learningHistory:
       return "emerald-700";
     case index$1.LCCategoryEnum.id:
@@ -2276,6 +2336,8 @@ const getCategoryPrimaryColor = (category = index$1.LCCategoryEnum.achievement)
       return "indigo";
     case index$1.LCCategoryEnum.achievement:
       return "pink";
+    case index$1.LCCategoryEnum.qualifications:
+      return "orange";
     case index$1.LCCategoryEnum.learningHistory:
       return "emerald";
     case index$1.LCCategoryEnum.id:
@@ -2302,12 +2364,14 @@ const getCategoryLightColor = (category = index$1.LCCategoryEnum.achievement) =>
   if (category === index$1.LCCategoryEnum.meritBadge) {
     return "sp-purple-base";
   }
+  if (category === index$1.LCCategoryEnum.qualifications) return "orange-700";
   return `${getCategoryPrimaryColor(category)}-500`;
 };
 const getCategoryDarkColor = (category = index$1.LCCategoryEnum.achievement) => {
   if (category === index$1.LCCategoryEnum.meritBadge) {
     return "sp-purple-base";
   }
+  if (category === index$1.LCCategoryEnum.qualifications) return "orange-900";
   return `${getCategoryPrimaryColor(category)}-700`;
 };
 const getCategoryIcon = (category = index$1.LCCategoryEnum.achievement, size = "21") => {
@@ -2318,6 +2382,8 @@ const getCategoryIcon = (category = index$1.LCCategoryEnum.achievement, size = "
       return /* @__PURE__ */ React__default["default"].createElement(PuzzlePiece.PuzzlePiece, { size });
     case index$1.LCCategoryEnum.achievement:
       return /* @__PURE__ */ React__default["default"].createElement(Trophy.Trophy, { size });
+    case index$1.LCCategoryEnum.qualifications:
+      return /* @__PURE__ */ React__default["default"].createElement(QualificationsIcon, { size });
     case index$1.LCCategoryEnum.course:
     case index$1.LCCategoryEnum.learningHistory:
       return /* @__PURE__ */ React__default["default"].createElement(User.Graduation, { size });
@@ -2394,4 +2460,4 @@ exports.getImageFromProfile = getImageFromProfile;
 exports.getInfoFromCredential = getInfoFromCredential;
 exports.getNameFromProfile = getNameFromProfile;
 exports.getTotalCountOfSkills = getTotalCountOfSkills;
-//# sourceMappingURL=credential.helpers-0f0e8f00.js.map
+//# sourceMappingURL=credential.helpers-2d2d8bf5.js.map