kyd-shared-badge 0.2.11 → 0.2.13

package/package.json

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

package/src/SharedBadgeDisplay.tsx

@@ -248,10 +248,12 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
                                         const val = lists[i];
                                         if (!seen[val]) { seen[val] = true; dedup.push(val); }
                                     }
+                                    const detailed = screening_sources.sanctions_sources_detailed || [];
+                                    const useDetailed = detailed && detailed.length > 0;
                                     return (
                                         <AppendixTables
                                             type="sanctions"
-                                            sources={dedup}
+                                            sources={useDetailed ? detailed : dedup}
                                             searchedAt={updatedAt}
                                             developerName={developerName || 'this developer'}
                                         />

package/src/components/AppendixTables.tsx

@@ -6,6 +6,7 @@ import { DomainCSVRow } from '../types';
 interface SanctionSource {
     issuingEntity: string;
     listName: string;
+    matched?: boolean;
 }
 
 interface DomainSource {
@@ -19,13 +20,13 @@ const PAGE_SIZE = 25;
 
 interface AppendixTableProps {
     type: 'sanctions' | 'domains';
-    sources: string[] | DomainCSVRow[];
+    sources: (string | DomainCSVRow | SanctionSource)[];
     searchedAt: string;
     developerName: string;
 }
 
 const SanctionsRow = ({ source, searchedAt, developerName }: { source: SanctionSource, searchedAt: string, developerName: string }) => (
-    <tr className={'transition-colors hover:bg-black/5'}>
+    <tr className={'transition-colors hover:bg-black/5'} style={source.matched ? { backgroundColor: 'rgba(236,102,98,0.08)' } : undefined}>
         <td className={'px-4 py-4 whitespace-nowrap text-sm font-medium'} style={{ color: 'var(--text-main)' }}>
             {source.issuingEntity}
         </td>
@@ -36,12 +37,20 @@ const SanctionsRow = ({ source, searchedAt, developerName }: { source: SanctionS
             {searchedAt}
         </td>
         <td className={'px-4 py-4 whitespace-nowrap text-sm'} style={{ color: 'var(--text-secondary)' }}>
-            <span className={'px-2 inline-flex text-xs leading-5 font-semibold rounded-full'} style={{ backgroundColor: 'var(--icon-button-secondary)', color: 'var(--text-main)' }}>
-                Not Found
-            </span>
+            {source.matched ? (
+                <span className={'px-2 inline-flex text-xs leading-5 font-semibold rounded-full'} style={{ backgroundColor: 'rgba(236,102,98,0.2)', color: 'var(--text-main)' }}>
+                    Match
+                </span>
+            ) : (
+                <span className={'px-2 inline-flex text-xs leading-5 font-semibold rounded-full'} style={{ backgroundColor: 'var(--icon-button-secondary)', color: 'var(--text-main)' }}>
+                    Not Found
+                </span>
+            )}
         </td>
         <td className={'px-4 py-4 text-sm whitespace-normal'} style={{ color: 'var(--text-secondary)' }}>
-            No exact match for <strong style={{ color: 'var(--text-main)' }}>{developerName}</strong> was found on this list.
+            {source.matched
+                ? (<span>Exact or strong match for <strong style={{ color: 'var(--text-main)' }}>{developerName}</strong> was found on this list.</span>)
+                : (<span>No exact match for <strong style={{ color: 'var(--text-main)' }}>{developerName}</strong> was found on this list.</span>)}
         </td>
     </tr>
 );
@@ -77,9 +86,12 @@ const AppendixTables: React.FC<AppendixTableProps> = ({ type, sources, searchedA
         : ["Country", "Entity Type", "Entity/Domain", "Searched On", "Value", "Findings"];
 
     const parsedSources = type === 'sanctions' 
-        ? (sources as string[]).map(sourceString => {
-            const parts = sourceString.split(':');
-            return { issuingEntity: parts[0].trim(), listName: parts.slice(1).join(':').trim() };
+        ? (sources as any[]).map((src: any) => {
+            if (typeof src === 'string') {
+                const parts = src.split(':');
+                return { issuingEntity: parts[0].trim(), listName: parts.slice(1).join(':').trim(), matched: false } as SanctionSource;
+            }
+            return src as SanctionSource;
         })
         : (sources as DomainCSVRow[]).map(s => ({
             country: s.Country,
@@ -88,7 +100,11 @@ const AppendixTables: React.FC<AppendixTableProps> = ({ type, sources, searchedA
             url: s.URL,
         }));
 
-    const visibleParsedSources = parsedSources.slice(0, visibleCount);
+    const sortedParsedSources = (type === 'sanctions')
+        ? (parsedSources as SanctionSource[]).slice().sort((a, b) => (b.matched === true ? 1 : 0) - (a.matched === true ? 1 : 0))
+        : parsedSources;
+
+    const visibleParsedSources = sortedParsedSources.slice(0, visibleCount);
 
     const handleLoadMore = () => {
         setVisibleCount(currentCount => currentCount + PAGE_SIZE);

package/src/types.ts

@@ -161,6 +161,7 @@ export interface AssessmentResult {
       sources?: string[];
       matches?: any[];
     };
+    sanctions_sources_detailed?: { issuingEntity: string; listName: string; matched?: boolean }[];
   };
   optOutScreening?: boolean;
   clientMetadata?: ClientMetadata;