kyd-shared-badge 0.3.131 → 0.3.133

package/package.json

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

package/src/components/ReportHeader.tsx

@@ -11,12 +11,17 @@ import { green1, green2, green3, green4, green5 } from '../colors';
 // Register English locale once at module import time
 countriesLib.registerLocale(enLocale);
 
-export const getBadgeImageUrl = (score: number, bland: boolean = false) => {
+export const getBadgeImageUrl = (score: number, bland: boolean = false, selfCheck?: boolean) => {
+  if (selfCheck) { // self-check badges are always green
+    return bland ? 'badgegreensimple.png' : '/badgegreen2.png';
+  };
+
   if (score >= 75) return bland ? 'badgegreensimple.png' : '/badgegreen2.png';
   if (score >= 50) return bland ? 'badgeyellowsimple.png' : '/badgeyellow2.png';
   return bland ? 'badgeredsimple.png' : '/badgered2.png';
 };
 
+
 const hexToRgba = (hex: string, alpha: number) => {
   const clean = hex.replace('#', '');
   const r = parseInt(clean.substring(0, 2), 16);
@@ -57,7 +62,7 @@ interface ReportHeaderProps {
 
 const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImageUrl, summary, enterpriseMatch, countries = [], accountAuthenticity, companyName, sourcesProviders = [], selfCheck, rightBadgeLayout }: ReportHeaderProps) => {
   // Use the dynamic image if available, otherwise fall back to the score-based one.
-  const finalBadgeImageUrl = badgeImageUrl || getBadgeImageUrl(score || 0);
+  const finalBadgeImageUrl = badgeImageUrl || getBadgeImageUrl(score || 0, false, selfCheck);
   const tint = hexToRgba(pickTint(score || 0, selfCheck), 0.06);
   const matchLabel = enterpriseMatch?.label;
   const sources = (() => {