kyd-shared-badge 0.3.60 → 0.3.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyd-shared-badge",
-  "version": "0.3.60",
+  "version": "0.3.62",
   "private": false,
   "main": "./src/index.ts",
   "module": "./src/index.ts",

package/src/SharedBadgeDisplay.tsx

@@ -10,15 +10,11 @@ import BusinessRuleLink from './components/BusinessRuleLink';
 import IpRiskAnalysisDisplay from './components/IpRiskAnalysisDisplay';
 import GraphInsights from './components/GraphInsights';
 import ConnectedPlatforms from './components/ConnectedPlatforms';
-import { FaGithub, FaGitlab, FaStackOverflow, FaLinkedin, FaGoogle, FaKaggle } from 'react-icons/fa';
-import { SiCredly, SiFiverr } from 'react-icons/si';
-import GaugeCard from './components/GaugeCard';
-import RiskCard from './components/RiskCard';
 import AiIcon from './components/icons/ai';
 import CodeIcon from './components/icons/code';
 import RiskIcon from './components/icons/risk';
 
-import { yellow, green } from './colors';
+import { yellow } from './colors';
 import Skills from './components/Skills';
 import CategoryBars from './components/CategoryBars';
 import SkillsAppendixTable from './components/SkillsAppendixTable';
@@ -31,8 +27,7 @@ import SummaryCards from './components/SummaryCards';
 import TopContributingFactors from './components/TopContributingFactors';
 import AiUsageBody from './components/AiUsageBody';
 import SanctionsMatches from './components/SanctionsMatches';
-import AppendixContent from './components/AppendixContent';
-import { ProviderIcon, getProviderDisplayName, getProviderTooltipCopy, getCategoryTooltipCopy, barColor } from './utils/provider';
+import { getCategoryTooltipCopy, barColor } from './utils/provider';
 import { matchLabelToColor } from './colors';
 import { useEffect, useMemo, useState } from 'react';
 type ChatWidgetProps = Partial<{

package/src/components/ConnectedPlatforms.tsx

@@ -2,8 +2,7 @@
 
 import React, { useEffect } from 'react';
 import { formatLocalDate } from '../utils/date';
-import { FaGithub, FaGitlab, FaStackOverflow, FaLinkedin, FaGoogle, FaKaggle } from 'react-icons/fa';
-import { SiCredly, SiFiverr } from 'react-icons/si';
+import { ProviderIcon } from '../utils/provider';
 
 type ConnectedAccount = {
   name?: string;
@@ -12,19 +11,6 @@ type ConnectedAccount = {
   observedAt?: string | null;
 };
 
-const ProviderIcon = ({ name }: { name?: string }) => {
-  const n = (name || '').toLowerCase();
-  if (n.includes('github')) return <FaGithub />;
-  if (n.includes('gitlab')) return <FaGitlab />;
-  if (n.includes('stack')) return <FaStackOverflow />;
-  if (n.includes('credly')) return <SiCredly />;
-  if (n.includes('fiverr')) return <SiFiverr />;
-  if (n.includes('kaggle')) return <FaKaggle />;
-  if (n.includes('google')) return <FaGoogle />;
-  if (n.includes('linkedin')) return <FaLinkedin />;
-  return <span className="inline-block w-4 h-4 rounded-full" style={{ backgroundColor: 'var(--icon-button-secondary)' }} />;
-};
-
 const formatProviderName = (name?: string) => {
   const n = (name || '').trim();
   if (!n) return '';

package/src/utils/provider.tsx

@@ -1,20 +1,22 @@
 'use client';
 
-import React from 'react';
 import { FaGithub, FaGitlab, FaStackOverflow, FaLinkedin, FaGoogle, FaKaggle } from 'react-icons/fa';
-import { SiCredly, SiFiverr } from 'react-icons/si';
+import { SiCoursera, SiCredly, SiFiverr, SiToptal, SiUdemy } from 'react-icons/si';
 
-export const ProviderIcon = ({ name }: { name?: string }) => {
+export const ProviderIcon = ({ name, className }: { name?: string; className?: string }) => {
   const n = (name || '').toLowerCase();
-  if (n.includes('github')) return <FaGithub />;
-  if (n.includes('gitlab')) return <FaGitlab />;
-  if (n.includes('stack')) return <FaStackOverflow />;
-  if (n.includes('credly')) return <SiCredly />;
-  if (n.includes('fiverr')) return <SiFiverr />;
-  if (n.includes('kaggle')) return <FaKaggle />;
-  if (n.includes('google')) return <FaGoogle />;
-  if (n.includes('linkedin')) return <FaLinkedin />;
-  return <span className="inline-block w-3 h-3 rounded-full" style={{ backgroundColor: 'var(--icon-button-secondary)' }} />;
+  if (n.includes('github')) return <FaGithub className={className} />;
+  if (n.includes('gitlab')) return <FaGitlab className={className} />;
+  if (n.includes('stack')) return <FaStackOverflow className={className} />;
+  if (n.includes('credly')) return <SiCredly className={className} />;
+  if (n.includes('fiverr')) return <SiFiverr className={className} />;
+  if (n.includes('kaggle')) return <FaKaggle className={className} />;
+  if (n.includes('google')) return <FaGoogle className={className} />;
+  if (n.includes('linkedin')) return <FaLinkedin className={className} />;
+  if (n.includes('toptal')) return <SiToptal className={className} />;
+  if (n.includes('coursera')) return <SiCoursera className={className} />;
+  if (n.includes('udemy')) return <SiUdemy className={className} />;
+  return <span className={className || 'inline-block w-3 h-3 rounded-full'} style={{ backgroundColor: 'var(--icon-button-secondary)' }} />;
 };
 
 export const getProviderDisplayName = (name?: string): string => {
@@ -27,6 +29,9 @@ export const getProviderDisplayName = (name?: string): string => {
   if (n.includes('kaggle')) return 'Kaggle';
   if (n.includes('google')) return 'Google Scholar';
   if (n.includes('linkedin')) return 'LinkedIn';
+  if (n.includes('toptal')) return 'TopTal';
+  if (n.includes('coursera')) return 'Coursera';
+  if (n.includes('udemy')) return 'Udemy';
   return name || 'Provider';
 };
 
@@ -40,23 +45,26 @@ export const getProviderTooltipCopy = (provider?: string): string => {
   if (n.includes('kaggle')) return 'Competition results, notebooks, and dataset contributions that reflect analytical skill.';
   if (n.includes('google')) return 'Publications, citations, and scholarly presence indicating research impact.';
   if (n.includes('linkedin')) return 'Professional history, endorsements, and network signals indicating credibility.';
+  if (n.includes('toptal')) return 'Professional history, endorsements, and network signals indicating credibility.';
+  if (n.includes('coursera')) return 'Professional history, training, and course completion signals indicating credibility.';
+  if (n.includes('udemy')) return 'Professional history, training, and course completion signals indicating credibility.';
   return 'Signals contributed from this provider relevant to capability and trust.';
 };
 
 export const getCategoryTooltipCopy = (category: string): string => {
   const name = (category || '').toLowerCase();
-  if (/network|connection|collab|peer/.test(name)) return 'Signals from the developer’s professional connections, collaborations, and peer recognition.';
-  if (/project|repo|portfolio|work/.test(name)) return 'Signals from a developer’s visible projects, repositories, or published work that indicate breadth and quality of output.';
+  if (/network|connection|collab|peer/.test(name)) return 'Signals from the developer\'s professional connections, collaborations, and peer recognition.';
+  if (/project|repo|portfolio|work/.test(name)) return 'Signals from a developer\'s visible projects, repositories, or published work that indicate breadth and quality of output.';
   if (/skill|cert|assessment|endorse/.test(name)) return 'Signals tied to specific technical abilities, such as verified certifications, assessments, or endorsements.';
   if (/experience|tenure|history/.test(name)) return 'Signals of tenure and diversity of professional or project involvement over time.';
   if (/activity|recency|frequency|engage/.test(name)) return 'Signals of recency and frequency of developer engagement in professional or technical platforms.';
   if (/sanction|legal|criminal|regulatory|ofac|fbi|watchlist/.test(name)) return 'Signals of legal, criminal, or regulatory red flags linked to an identity.';
-  if (/identity|authentic|consisten/.test(name)) return 'Signals that indicate whether a developer’s identity is genuine and consistent across platforms.';
+  if (/identity|authentic|consisten/.test(name)) return 'Signals that indicate whether a developer\'s identity is genuine and consistent across platforms.';
   if (/reputation|review|rating|feedback|perceive|peer/.test(name)) return 'Signals of how peers, clients, and communities perceive the developer.';
-  if (/geo|jurisdiction|country|region|ip|location/.test(name)) return 'Signals tied to a developer’s geographic or jurisdictional context.';
+  if (/geo|jurisdiction|country|region|ip|location/.test(name)) return 'Signals tied to a developer\'s geographic or jurisdictional context.';
   if (/security|cyber/.test(name)) return 'Signals of security posture and potential cyber-risk exposure.';
   if (/risk/.test(name)) return 'KYD Risk surfaces signals of authenticity, reputation, and environmental telemetry that indicate potential risks in engaging with a developer.';
-  if (/tech|technical/.test(name)) return 'KYD Technical surfaces signals from a developer’s portfolio, skills, experience, activity, and network to indicate the likelihood of technical capability.';
+  if (/tech|technical/.test(name)) return "KYD Technical surfaces signals from a developer's portfolio, skills, experience, activity, and network to indicate the likelihood of technical capability.";
   return 'Share of overall contribution by category based on applied weights.';
 };