@learncard/react 2.8.62 → 2.9.3

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

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var CircleIcon = require('./CircleIcon-617c38fa.js');
+var CircleIcon = require('./CircleIcon-f0fa68c7.js');
 var index$1 = require('./index-5488badc.js');
-var icons = require('./icons-0404f605.js');
-var index = require('./index-08002ab6.js');
+var icons = require('./icons-857d4be1.js');
+var index = require('./index-ba659c28.js');
 var coinsGraphic = require('./walletcurrency.webp');
 var idsGraphic = require('./walletids.webp');
 var learningHistoryGraphic = require('./backpack.png');
@@ -54,32 +54,24 @@ const RoundedSquare = ({
   const backgroundColor = bgColor != null ? bgColor : `bg-${index.TYPE_TO_WALLET_COLOR[type]}`;
   const circleClass = `flex w-full justify-end icon-display absolute right-[15px] bottom-[10px] max-h-[40px] max-w-[40px] rounded-full`;
   const iconAltDescription = `${title} Icon`;
-  return /* @__PURE__ */ React__default["default"].createElement("button", {
-    onClick,
-    className: `flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[190px] rounded-[40px] rounded-square-card-container ${containerClass}`
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "w-full relative"
-  }, /* @__PURE__ */ React__default["default"].createElement("section", {
-    className: "title-headline-container flex items-center"
-  }, /* @__PURE__ */ React__default["default"].createElement("h3", {
-    className: "line-clamp-2 font-bold text-[13px] text-grayscale-900 ml-[5px]"
-  }, title)), /* @__PURE__ */ React__default["default"].createElement("p", {
-    className: "text-grayscale-900 text-[11px] text-left ml-[5px] font-poppins font-normal leading-[13px]"
-  }, description), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: "graphic-background relative flex justify-center"
-  }, /* @__PURE__ */ React__default["default"].createElement("img", {
-    alt: iconAltDescription,
-    className: "max-w-[130px]",
-    src: imgSource
-  }))), /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: `${circleClass}`
-  }, /* @__PURE__ */ React__default["default"].createElement(CircleIcon.CircleIcon, {
-    iconCircleClass,
-    iconSrc,
-    count,
-    size: "40",
-    loading
-  })));
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "button",
+    {
+      onClick,
+      className: `flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[190px] rounded-[40px] rounded-square-card-container ${containerClass}`
+    },
+    /* @__PURE__ */ React__default["default"].createElement("div", { className: "w-full relative" }, /* @__PURE__ */ React__default["default"].createElement("section", { className: "title-headline-container flex items-center" }, /* @__PURE__ */ React__default["default"].createElement("h3", { className: "line-clamp-2 font-bold text-[13px] text-grayscale-900 ml-[5px]" }, title)), /* @__PURE__ */ React__default["default"].createElement("p", { className: "text-grayscale-900 text-[11px] text-left ml-[5px] font-poppins font-normal leading-[13px]" }, description), /* @__PURE__ */ React__default["default"].createElement("div", { className: "graphic-background relative flex justify-center" }, /* @__PURE__ */ React__default["default"].createElement("img", { alt: iconAltDescription, className: "max-w-[130px]", src: imgSource }))),
+    /* @__PURE__ */ React__default["default"].createElement("div", { className: `${circleClass}` }, /* @__PURE__ */ React__default["default"].createElement(
+      CircleIcon.CircleIcon,
+      {
+        iconCircleClass,
+        iconSrc,
+        count,
+        size: "40",
+        loading
+      }
+    ))
+  );
 };
 
 const TYPE_TO_MINI_ICON = {
@@ -130,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-cd049889.js.map
+//# sourceMappingURL=constants-2430d4bc.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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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"}

package/dist/cjs/{credential.helpers-60b421b9.js → credential.helpers-4f806327.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var index = require('./index-0cac2c5b.js');
-var types_esm = require('./types.esm-ae4cdf49.js');
+var types_esm = require('./types.esm-beffa54c.js');
 var index$1 = require('./index-5488badc.js');
-var PuzzlePiece = require('./PuzzlePiece-088d2b00.js');
-var User = require('./User-301088ac.js');
-var Trophy = require('./Trophy-3d323be3.js');
+var PuzzlePiece = require('./PuzzlePiece-e64f4596.js');
+var User = require('./User-54049eba.js');
+var Trophy = require('./Trophy-9758f0cf.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,139 +16,204 @@ const AccommodationsIcon = ({
   className = "",
   size = "21"
 }) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 25 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M13.7468 11.7616V4.65432C13.7468 3.74053 14.4872 3 15.4008 3C16.3145 3 17.0549 3.74053 17.0549 4.65432V13.4226L18.6758 11.8013C19.3224 11.1546 20.3695 11.1546 21.015 11.8013C21.6617 12.4481 21.6617 13.4954 21.015 14.141L15.9305 19.2265C14.9617 20.3147 13.5515 21 11.9814 21H9.73258C6.81294 21 4.445 18.6327 4.445 15.7115V5.46438C4.445 4.55058 5.18539 3.81006 6.09903 3.81006C7.01266 3.81006 7.75305 4.55058 7.75305 5.46438V11.8996",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeMiterlimit: "10"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M10.751 9.32244C10.751 8.49473 11.4216 7.82373 12.2489 7.82373C13.0762 7.82373 13.7468 8.49473 13.7468 9.32244V12.2636C13.7468 13.0913 13.0762 13.7623 12.2489 13.7623C11.4216 13.7623 10.751 13.0913 10.751 12.2636V9.32244Z",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeMiterlimit: "10"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M7.75527 9.32244C7.75527 8.49473 8.4259 7.82373 9.25316 7.82373C10.0804 7.82373 10.7511 8.49473 10.7511 9.32244V12.2636C10.7511 13.0913 10.0804 13.7623 9.25316 13.7623C8.4259 13.7623 7.75527 13.0913 7.75527 12.2636V9.32244Z",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeMiterlimit: "10"
-  }));
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 25 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M13.7468 11.7616V4.65432C13.7468 3.74053 14.4872 3 15.4008 3C16.3145 3 17.0549 3.74053 17.0549 4.65432V13.4226L18.6758 11.8013C19.3224 11.1546 20.3695 11.1546 21.015 11.8013C21.6617 12.4481 21.6617 13.4954 21.015 14.141L15.9305 19.2265C14.9617 20.3147 13.5515 21 11.9814 21H9.73258C6.81294 21 4.445 18.6327 4.445 15.7115V5.46438C4.445 4.55058 5.18539 3.81006 6.09903 3.81006C7.01266 3.81006 7.75305 4.55058 7.75305 5.46438V11.8996",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeMiterlimit: "10"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M10.751 9.32244C10.751 8.49473 11.4216 7.82373 12.2489 7.82373C13.0762 7.82373 13.7468 8.49473 13.7468 9.32244V12.2636C13.7468 13.0913 13.0762 13.7623 12.2489 13.7623C11.4216 13.7623 10.751 13.0913 10.751 12.2636V9.32244Z",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeMiterlimit: "10"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M7.75527 9.32244C7.75527 8.49473 8.4259 7.82373 9.25316 7.82373C10.0804 7.82373 10.7511 8.49473 10.7511 9.32244V12.2636C10.7511 13.0913 10.0804 13.7623 9.25316 13.7623C8.4259 13.7623 7.75527 13.0913 7.75527 12.2636V9.32244Z",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeMiterlimit: "10"
+      }
+    )
+  );
 };
 
 const AccomplishmentsIcon = ({
   className = "",
   size = "21"
 }) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M9.55107 11.5523L12.6845 14.6763L21.2944 6.06641",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M19.2562 15.1049C17.5418 18.9907 12.9988 20.7527 9.11295 19.0384C5.22709 17.324 3.46511 12.781 5.17947 8.89511C6.89382 5.00925 11.4368 3.24728 15.3227 4.96163",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M9.55107 11.5523L12.6845 14.6763L21.2944 6.06641",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M19.2562 15.1049C17.5418 18.9907 12.9988 20.7527 9.11295 19.0384C5.22709 17.324 3.46511 12.781 5.17947 8.89511C6.89382 5.00925 11.4368 3.24728 15.3227 4.96163",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
 };
 
 const KeyIcon = ({
   className = "",
   size = "25"
 }) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 25 25",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M9.09826 11.9947C8.49602 10.4925 8.43091 8.82848 8.91393 7.28384C9.39696 5.73919 10.3985 4.4087 11.7493 3.51725C13.1 2.6258 14.7172 2.22808 16.3273 2.3913C17.9375 2.55452 19.4419 3.26869 20.5863 4.41307C21.7306 5.55746 22.4448 7.06188 22.608 8.67203C22.7712 10.2822 22.3735 11.8993 21.4821 13.2501C20.5906 14.6008 19.2601 15.6024 17.7155 16.0854C16.1708 16.5684 14.5068 16.5033 13.0046 15.9011L13.0047 15.9009L11.7188 17.1868H9.375V19.5306H7.03125V21.8743H3.125V17.9681L9.09844 11.9946L9.09826 11.9947Z",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M17.5781 8.98438C18.4411 8.98438 19.1406 8.28482 19.1406 7.42188C19.1406 6.55893 18.4411 5.85938 17.5781 5.85938C16.7152 5.85938 16.0156 6.55893 16.0156 7.42188C16.0156 8.28482 16.7152 8.98438 17.5781 8.98438Z",
-    fill: "currentColor"
-  }));
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 25 25",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M9.09826 11.9947C8.49602 10.4925 8.43091 8.82848 8.91393 7.28384C9.39696 5.73919 10.3985 4.4087 11.7493 3.51725C13.1 2.6258 14.7172 2.22808 16.3273 2.3913C17.9375 2.55452 19.4419 3.26869 20.5863 4.41307C21.7306 5.55746 22.4448 7.06188 22.608 8.67203C22.7712 10.2822 22.3735 11.8993 21.4821 13.2501C20.5906 14.6008 19.2601 15.6024 17.7155 16.0854C16.1708 16.5684 14.5068 16.5033 13.0046 15.9011L13.0047 15.9009L11.7188 17.1868H9.375V19.5306H7.03125V21.8743H3.125V17.9681L9.09844 11.9946L9.09826 11.9947Z",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M17.5781 8.98438C18.4411 8.98438 19.1406 8.28482 19.1406 7.42188C19.1406 6.55893 18.4411 5.85938 17.5781 5.85938C16.7152 5.85938 16.0156 6.55893 16.0156 7.42188C16.0156 8.28482 16.7152 8.98438 17.5781 8.98438Z",
+        fill: "currentColor"
+      }
+    )
+  );
 };
 
 const ScoutsLogo = ({ className = "", size = "25" }) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 25 26",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React__default["default"].createElement("g", {
-    clipPath: "url(#clip0_10755_290528)"
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M24 13.3477C24 19.6989 18.8513 24.8477 12.5 24.8477C6.14873 24.8477 1 19.6989 1 13.3477C1 6.99638 6.14873 1.84766 12.5 1.84766C18.8513 1.84766 24 6.99638 24 13.3477Z",
-    fill: "white"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M12.1426 14.0634C12.1426 14.7372 12.1426 15.3402 12.149 15.8818H12.8519C12.8583 15.3402 12.8583 14.7405 12.8583 14.0634C12.8583 10.0042 12.7874 7.33138 12.5005 5.98047C12.2135 7.33461 12.1426 10.0042 12.1426 14.0634Z",
-    fill: "#622599"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M12.5 0.847656C5.59711 0.847656 0 6.44477 0 13.3477C0 20.2505 5.59711 25.8477 12.5 25.8477C19.4029 25.8477 25 20.2505 25 13.3477C25 6.44477 19.4029 0.847656 12.5 0.847656ZM8.47305 20.0539C7.40908 20.0539 6.88354 19.1318 7.17049 18.3547C7.57996 18.6256 8.04101 18.7352 8.48272 18.6159C9.03082 18.4644 9.41772 18.0033 9.59827 17.3972H10.5043C10.2592 19.222 9.39193 20.0539 8.46982 20.0539M12.5 22.7557C11.033 22.0206 9.97872 20.7761 9.97872 20.7761C10.7364 19.8153 11.1297 18.7384 11.2619 17.394H12.1744C12.2195 19.1318 12.3194 20.07 12.5 21.0179C12.6838 20.0732 12.7805 19.1318 12.8256 17.394H13.7381C13.8703 18.7384 14.2636 19.8153 15.0213 20.7761C15.0213 20.7761 13.9638 22.0206 12.5 22.7557ZM16.527 20.0539C15.6081 20.0539 14.7376 19.222 14.4925 17.3972H15.3985C15.5823 18.0033 15.966 18.4644 16.5141 18.6159C16.959 18.7384 17.42 18.6288 17.8263 18.3547C18.1132 19.1318 17.5877 20.0539 16.5237 20.0539M18.8483 16.4106C19.4255 15.2563 18.9257 14.0731 17.7973 13.8474C16.801 13.6507 15.6403 14.3439 15.3437 15.8786H16.2884C16.3819 16.0011 16.4431 16.1527 16.4431 16.3235C16.4431 16.4944 16.3819 16.646 16.2884 16.7685H8.71486C8.61491 16.6395 8.56332 16.4847 8.5601 16.3235C8.5601 16.1527 8.62136 16.0011 8.71486 15.8786H9.65953C9.36291 14.3439 8.20222 13.6507 7.20596 13.8474C6.07751 14.0731 5.57777 15.2531 6.15489 16.4106C4.60085 16.2397 3.39502 14.9339 3.39502 13.3477C3.39502 11.6453 4.78463 10.2654 6.49665 10.2654C8.87606 10.2654 10.4333 12.8253 10.5655 15.8786H11.3103C11.1878 12.3578 9.29843 10.9844 9.29843 8.65008C9.29843 6.12235 11.8971 3.84611 12.5 3.24642C13.1029 3.84288 15.7016 6.12235 15.7016 8.65008C15.7016 10.9876 13.8154 12.3578 13.6897 15.8786H14.4345C14.5699 12.8253 16.1239 10.2654 18.5034 10.2654C20.2186 10.2654 21.605 11.6453 21.605 13.3477C21.605 14.9339 20.3959 16.2397 18.8451 16.4106",
-    fill: "#622599"
-  })), /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
-    id: "clip0_10755_290528"
-  }, /* @__PURE__ */ React__default["default"].createElement("rect", {
-    width: "25",
-    height: "25",
-    fill: "white",
-    transform: "translate(0 0.847656)"
-  }))));
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 25 26",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", { clipPath: "url(#clip0_10755_290528)" }, /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M24 13.3477C24 19.6989 18.8513 24.8477 12.5 24.8477C6.14873 24.8477 1 19.6989 1 13.3477C1 6.99638 6.14873 1.84766 12.5 1.84766C18.8513 1.84766 24 6.99638 24 13.3477Z",
+        fill: "white"
+      }
+    ), /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M12.1426 14.0634C12.1426 14.7372 12.1426 15.3402 12.149 15.8818H12.8519C12.8583 15.3402 12.8583 14.7405 12.8583 14.0634C12.8583 10.0042 12.7874 7.33138 12.5005 5.98047C12.2135 7.33461 12.1426 10.0042 12.1426 14.0634Z",
+        fill: "#622599"
+      }
+    ), /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M12.5 0.847656C5.59711 0.847656 0 6.44477 0 13.3477C0 20.2505 5.59711 25.8477 12.5 25.8477C19.4029 25.8477 25 20.2505 25 13.3477C25 6.44477 19.4029 0.847656 12.5 0.847656ZM8.47305 20.0539C7.40908 20.0539 6.88354 19.1318 7.17049 18.3547C7.57996 18.6256 8.04101 18.7352 8.48272 18.6159C9.03082 18.4644 9.41772 18.0033 9.59827 17.3972H10.5043C10.2592 19.222 9.39193 20.0539 8.46982 20.0539M12.5 22.7557C11.033 22.0206 9.97872 20.7761 9.97872 20.7761C10.7364 19.8153 11.1297 18.7384 11.2619 17.394H12.1744C12.2195 19.1318 12.3194 20.07 12.5 21.0179C12.6838 20.0732 12.7805 19.1318 12.8256 17.394H13.7381C13.8703 18.7384 14.2636 19.8153 15.0213 20.7761C15.0213 20.7761 13.9638 22.0206 12.5 22.7557ZM16.527 20.0539C15.6081 20.0539 14.7376 19.222 14.4925 17.3972H15.3985C15.5823 18.0033 15.966 18.4644 16.5141 18.6159C16.959 18.7384 17.42 18.6288 17.8263 18.3547C18.1132 19.1318 17.5877 20.0539 16.5237 20.0539M18.8483 16.4106C19.4255 15.2563 18.9257 14.0731 17.7973 13.8474C16.801 13.6507 15.6403 14.3439 15.3437 15.8786H16.2884C16.3819 16.0011 16.4431 16.1527 16.4431 16.3235C16.4431 16.4944 16.3819 16.646 16.2884 16.7685H8.71486C8.61491 16.6395 8.56332 16.4847 8.5601 16.3235C8.5601 16.1527 8.62136 16.0011 8.71486 15.8786H9.65953C9.36291 14.3439 8.20222 13.6507 7.20596 13.8474C6.07751 14.0731 5.57777 15.2531 6.15489 16.4106C4.60085 16.2397 3.39502 14.9339 3.39502 13.3477C3.39502 11.6453 4.78463 10.2654 6.49665 10.2654C8.87606 10.2654 10.4333 12.8253 10.5655 15.8786H11.3103C11.1878 12.3578 9.29843 10.9844 9.29843 8.65008C9.29843 6.12235 11.8971 3.84611 12.5 3.24642C13.1029 3.84288 15.7016 6.12235 15.7016 8.65008C15.7016 10.9876 13.8154 12.3578 13.6897 15.8786H14.4345C14.5699 12.8253 16.1239 10.2654 18.5034 10.2654C20.2186 10.2654 21.605 11.6453 21.605 13.3477C21.605 14.9339 20.3959 16.2397 18.8451 16.4106",
+        fill: "#622599"
+      }
+    )),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", { id: "clip0_10755_290528" }, /* @__PURE__ */ React__default["default"].createElement("rect", { width: "25", height: "25", fill: "white", transform: "translate(0 0.847656)" })))
+  );
 };
 
 const SocialBadgesIcon = ({
   className = "",
   size = "21"
 }) => {
-  return /* @__PURE__ */ React__default["default"].createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 25 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className
-  }, /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M23.2643 10.092C23.7079 9.51278 23.4902 8.66248 22.8165 8.37084C21.2392 7.68895 20.6641 6.62506 20.8777 4.85463C20.964 4.14399 20.3478 3.53194 19.6413 3.61821C17.8708 3.83181 16.8069 3.25673 16.1251 1.67936C15.8334 1.0057 14.9872 0.787988 14.4039 1.23162C13.0771 2.25034 11.9229 2.25034 10.592 1.23162C10.0128 0.787988 9.16248 1.0057 8.87084 1.67936C8.18895 3.25673 7.12506 3.83181 5.35463 3.61821C4.64399 3.53194 4.03194 4.1481 4.11821 4.85463C4.33181 6.62506 3.75673 7.68895 2.17936 8.37084C1.5057 8.66248 1.28799 9.50867 1.73162 10.092C2.75034 11.4188 2.75034 12.573 1.73162 13.9039C1.28799 14.4831 1.5057 15.3334 2.17936 15.6251C3.75673 16.3069 4.33181 17.3708 4.11821 19.1413C4.03194 19.8519 4.6481 20.464 5.35463 20.3777C7.12506 20.1641 8.18895 20.7392 8.87084 22.3165C9.16248 22.9902 10.0087 23.2079 10.592 22.7643C11.9188 21.7456 13.073 21.7456 14.4039 22.7643C14.9831 23.2079 15.8334 22.9902 16.1251 22.3165C16.6878 21.0144 17.5176 20.3941 18.7869 20.3407L17.2013 19.9217C15.2707 21.0678 12.9909 21.4662 10.785 21.0514C8.57919 20.6324 6.60338 19.4247 5.22729 17.6502C3.8512 15.8797 3.16932 13.6657 3.30899 11.4229C3.44865 9.18416 4.40164 7.0728 5.98722 5.48311C7.5728 3.89753 9.68416 2.94454 11.927 2.80488C14.1657 2.66522 16.3797 3.3471 18.1543 4.72318C19.9247 6.09927 21.1365 8.07508 21.5555 10.2809C21.9745 12.4868 21.5719 14.7666 20.4258 16.6972L20.8448 18.2828C20.8982 17.0135 21.5185 16.1837 22.8206 15.621C23.4943 15.3293 23.712 14.4831 23.2684 13.8998C22.2497 12.573 22.2497 11.4188 23.2684 10.0879L23.2643 10.092Z",
-    fill: "currentColor"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M20.2402 16.5886C21.3599 14.7026 21.7492 12.4755 21.3438 10.3207C20.9345 8.16584 19.7546 6.23571 18.021 4.89143C16.2913 3.54716 14.1282 2.88104 11.937 3.01747C9.74988 3.15391 7.68713 4.08487 6.13404 5.63379C4.58497 7.18272 3.65392 9.24528 3.51747 11.4362C3.38103 13.6232 4.04721 15.7861 5.39161 17.5196C6.73601 19.2491 8.66633 20.4329 10.8214 20.8422C12.9764 21.2515 15.2037 20.8582 17.0899 19.7386L20.1118 20.5412C20.2402 20.5773 20.3767 20.5813 20.5051 20.5452C20.6335 20.5131 20.7539 20.4449 20.8462 20.3486C20.9425 20.2523 21.0067 20.1359 21.0429 20.0075C21.075 19.8791 21.075 19.7427 21.0388 19.6142L20.2362 16.5926L20.2402 16.5886Z",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M8.65969 10.8379C9.30016 10.8379 9.81937 11.3571 9.81937 11.9975C9.81937 12.638 9.30016 13.1572 8.65969 13.1572C8.01921 13.1572 7.5 12.638 7.5 11.9975C7.5 11.3571 8.01921 10.8379 8.65969 10.8379Z",
-    fill: "currentColor"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M12.4977 10.8379C13.1382 10.8379 13.6574 11.3571 13.6574 11.9975C13.6574 12.638 13.1382 13.1572 12.4977 13.1572C11.8573 13.1572 11.338 12.638 11.338 11.9975C11.338 11.3571 11.8573 10.8379 12.4977 10.8379Z",
-    fill: "currentColor"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    d: "M16.3403 10.8379C16.9808 10.8379 17.5 11.3571 17.5 11.9975C17.5 12.638 16.9808 13.1572 16.3403 13.1572C15.6998 13.1572 15.1806 12.638 15.1806 11.9975C15.1806 11.3571 15.6998 10.8379 16.3403 10.8379Z",
-    fill: "currentColor"
-  }));
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 25 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M23.2643 10.092C23.7079 9.51278 23.4902 8.66248 22.8165 8.37084C21.2392 7.68895 20.6641 6.62506 20.8777 4.85463C20.964 4.14399 20.3478 3.53194 19.6413 3.61821C17.8708 3.83181 16.8069 3.25673 16.1251 1.67936C15.8334 1.0057 14.9872 0.787988 14.4039 1.23162C13.0771 2.25034 11.9229 2.25034 10.592 1.23162C10.0128 0.787988 9.16248 1.0057 8.87084 1.67936C8.18895 3.25673 7.12506 3.83181 5.35463 3.61821C4.64399 3.53194 4.03194 4.1481 4.11821 4.85463C4.33181 6.62506 3.75673 7.68895 2.17936 8.37084C1.5057 8.66248 1.28799 9.50867 1.73162 10.092C2.75034 11.4188 2.75034 12.573 1.73162 13.9039C1.28799 14.4831 1.5057 15.3334 2.17936 15.6251C3.75673 16.3069 4.33181 17.3708 4.11821 19.1413C4.03194 19.8519 4.6481 20.464 5.35463 20.3777C7.12506 20.1641 8.18895 20.7392 8.87084 22.3165C9.16248 22.9902 10.0087 23.2079 10.592 22.7643C11.9188 21.7456 13.073 21.7456 14.4039 22.7643C14.9831 23.2079 15.8334 22.9902 16.1251 22.3165C16.6878 21.0144 17.5176 20.3941 18.7869 20.3407L17.2013 19.9217C15.2707 21.0678 12.9909 21.4662 10.785 21.0514C8.57919 20.6324 6.60338 19.4247 5.22729 17.6502C3.8512 15.8797 3.16932 13.6657 3.30899 11.4229C3.44865 9.18416 4.40164 7.0728 5.98722 5.48311C7.5728 3.89753 9.68416 2.94454 11.927 2.80488C14.1657 2.66522 16.3797 3.3471 18.1543 4.72318C19.9247 6.09927 21.1365 8.07508 21.5555 10.2809C21.9745 12.4868 21.5719 14.7666 20.4258 16.6972L20.8448 18.2828C20.8982 17.0135 21.5185 16.1837 22.8206 15.621C23.4943 15.3293 23.712 14.4831 23.2684 13.8998C22.2497 12.573 22.2497 11.4188 23.2684 10.0879L23.2643 10.092Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M20.2402 16.5886C21.3599 14.7026 21.7492 12.4755 21.3438 10.3207C20.9345 8.16584 19.7546 6.23571 18.021 4.89143C16.2913 3.54716 14.1282 2.88104 11.937 3.01747C9.74988 3.15391 7.68713 4.08487 6.13404 5.63379C4.58497 7.18272 3.65392 9.24528 3.51747 11.4362C3.38103 13.6232 4.04721 15.7861 5.39161 17.5196C6.73601 19.2491 8.66633 20.4329 10.8214 20.8422C12.9764 21.2515 15.2037 20.8582 17.0899 19.7386L20.1118 20.5412C20.2402 20.5773 20.3767 20.5813 20.5051 20.5452C20.6335 20.5131 20.7539 20.4449 20.8462 20.3486C20.9425 20.2523 21.0067 20.1359 21.0429 20.0075C21.075 19.8791 21.075 19.7427 21.0388 19.6142L20.2362 16.5926L20.2402 16.5886Z",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M8.65969 10.8379C9.30016 10.8379 9.81937 11.3571 9.81937 11.9975C9.81937 12.638 9.30016 13.1572 8.65969 13.1572C8.01921 13.1572 7.5 12.638 7.5 11.9975C7.5 11.3571 8.01921 10.8379 8.65969 10.8379Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M12.4977 10.8379C13.1382 10.8379 13.6574 11.3571 13.6574 11.9975C13.6574 12.638 13.1382 13.1572 12.4977 13.1572C11.8573 13.1572 11.338 12.638 11.338 11.9975C11.338 11.3571 11.8573 10.8379 12.4977 10.8379Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M16.3403 10.8379C16.9808 10.8379 17.5 11.3571 17.5 11.9975C17.5 12.638 16.9808 13.1572 16.3403 13.1572C15.6998 13.1572 15.1806 12.638 15.1806 11.9975C15.1806 11.3571 15.6998 10.8379 16.3403 10.8379Z",
+        fill: "currentColor"
+      }
+    )
+  );
 };
 
 /**
@@ -2131,19 +2196,16 @@ function cleanEscapedString(input) {
 
 const getImageFromImage = (image) => {
   var _a;
-  if (typeof image === "string")
-    return image;
+  if (typeof image === "string") return image;
   return (_a = image.id) != null ? _a : "";
 };
 const getNameFromProfile = (profile) => {
-  if (typeof profile === "string")
-    return profile;
+  if (typeof profile === "string") return profile;
   return profile.name || profile.displayName || "";
 };
 const getImageFromProfile = (profile) => {
   var _a;
-  if (typeof profile === "string")
-    return "";
+  if (typeof profile === "string") return "";
   return getImageFromImage((_a = profile.image) != null ? _a : "");
 };
 const getInfoFromCredential = (credential, dateFormat = "dd MMM yyyy", options = { uppercaseDate: true }) => {
@@ -2251,48 +2313,28 @@ const getCategoryDarkColor = (category = index$1.LCCategoryEnum.achievement) =>
 const getCategoryIcon = (category = index$1.LCCategoryEnum.achievement, size = "21") => {
   switch (category) {
     case index$1.LCCategoryEnum.socialBadge:
-      return /* @__PURE__ */ React__default["default"].createElement(SocialBadgesIcon, {
-        size
-      });
+      return /* @__PURE__ */ React__default["default"].createElement(SocialBadgesIcon, { size });
     case index$1.LCCategoryEnum.skill:
-      return /* @__PURE__ */ React__default["default"].createElement(PuzzlePiece.PuzzlePiece, {
-        size
-      });
+      return /* @__PURE__ */ React__default["default"].createElement(PuzzlePiece.PuzzlePiece, { size });
     case index$1.LCCategoryEnum.achievement:
-      return /* @__PURE__ */ React__default["default"].createElement(Trophy.Trophy, {
-        size
-      });
+      return /* @__PURE__ */ React__default["default"].createElement(Trophy.Trophy, { size });
     case index$1.LCCategoryEnum.course:
     case index$1.LCCategoryEnum.learningHistory:
-      return /* @__PURE__ */ React__default["default"].createElement(User.Graduation, {
-        size
-      });
+      return /* @__PURE__ */ React__default["default"].createElement(User.Graduation, { size });
     case index$1.LCCategoryEnum.job:
     case index$1.LCCategoryEnum.workHistory:
-      return /* @__PURE__ */ React__default["default"].createElement(User.Briefcase, {
-        size
-      });
+      return /* @__PURE__ */ React__default["default"].createElement(User.Briefcase, { size });
     case index$1.LCCategoryEnum.id:
-      return /* @__PURE__ */ React__default["default"].createElement(User.User, {
-        size
-      });
+      return /* @__PURE__ */ React__default["default"].createElement(User.User, { size });
     case index$1.LCCategoryEnum.membership:
-      return /* @__PURE__ */ React__default["default"].createElement(KeyIcon, {
-        size
-      });
+      return /* @__PURE__ */ React__default["default"].createElement(KeyIcon, { size });
     case index$1.LCCategoryEnum.currency:
     case index$1.LCCategoryEnum.accommodations:
-      return /* @__PURE__ */ React__default["default"].createElement(AccommodationsIcon, {
-        size
-      });
+      return /* @__PURE__ */ React__default["default"].createElement(AccommodationsIcon, { size });
     case index$1.LCCategoryEnum.accomplishments:
-      return /* @__PURE__ */ React__default["default"].createElement(AccomplishmentsIcon, {
-        size
-      });
+      return /* @__PURE__ */ React__default["default"].createElement(AccomplishmentsIcon, { size });
     case index$1.LCCategoryEnum.meritBadge:
-      return /* @__PURE__ */ React__default["default"].createElement(ScoutsLogo, {
-        size
-      });
+      return /* @__PURE__ */ React__default["default"].createElement(ScoutsLogo, { size });
     case index$1.LCCategoryEnum.currency:
     default:
       console.log("\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525}");
@@ -2330,8 +2372,7 @@ const categorizeSkills = (skills) => {
   return categorizedSkills;
 };
 const getTotalCountOfSkills = (skills) => {
-  if (!skills || skills.length === 0)
-    return 0;
+  if (!skills || skills.length === 0) return 0;
   let totalCount = 0;
   skills == null ? void 0 : skills.forEach((skill) => {
     totalCount++;
@@ -2353,4 +2394,4 @@ exports.getImageFromProfile = getImageFromProfile;
 exports.getInfoFromCredential = getInfoFromCredential;
 exports.getNameFromProfile = getNameFromProfile;
 exports.getTotalCountOfSkills = getTotalCountOfSkills;
-//# sourceMappingURL=credential.helpers-60b421b9.js.map
+//# sourceMappingURL=credential.helpers-4f806327.js.map