kyd-shared-badge 0.2.11 → 0.2.12

package/package.json

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

package/src/components/AppendixTables.tsx

@@ -6,6 +6,7 @@ import { DomainCSVRow } from '../types';
 interface SanctionSource {
     issuingEntity: string;
     listName: string;
+    matched?: boolean;
 }
 
 interface DomainSource {
@@ -25,7 +26,7 @@ interface AppendixTableProps {
 }
 
 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;