kyd-shared-badge 0.2.10 → 0.2.12

package/package.json

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

package/src/SharedBadgeDisplay.tsx

@@ -239,12 +239,24 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
                         <div className="space-y-8">
                             <div>
                                 <h4 className={'text-xl font-bold mb-4'} style={{ color: 'var(--text-main)' }}>Sanctions & Watchlists</h4>
-                                <AppendixTables
-                                    type="sanctions"
-                                    sources={[...(screening_sources.ofac_lists || []), ...(screening_sources.additional_watchlists || [])]}
-                                    searchedAt={updatedAt}
-                                    developerName={developerName || 'this developer'}
-                                />
+                                {(() => {
+                                    const ofacProvided = screening_sources.ofac_screen?.sources || [];
+                                    const lists = [...(screening_sources.ofac_lists || []), ...ofacProvided];
+                                    const seen: { [k: string]: boolean } = {};
+                                    const dedup: string[] = [];
+                                    for (let i = 0; i < lists.length; i++) {
+                                        const val = lists[i];
+                                        if (!seen[val]) { seen[val] = true; dedup.push(val); }
+                                    }
+                                    return (
+                                        <AppendixTables
+                                            type="sanctions"
+                                            sources={dedup}
+                                            searchedAt={updatedAt}
+                                            developerName={developerName || 'this developer'}
+                                        />
+                                    );
+                                })()}
                             </div>
                             <div>
                                 <h4 className={'text-xl font-bold mb-4'} style={{ color: 'var(--text-main)' }}>Country-specific Entity Affiliations</h4>

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> (based on name and email) 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

@@ -156,6 +156,12 @@ export interface AssessmentResult {
     risk_profile_domains: DomainCSVRow[];
     additional_watchlists?: string[];
     ip_risk_analysis?: IpRiskAnalysis;
+    ofac_screen?: {
+      checked?: boolean;
+      sources?: string[];
+      matches?: any[];
+    };
+    sanctions_sources_detailed?: { issuingEntity: string; listName: string; matched?: boolean }[];
   };
   optOutScreening?: boolean;
   clientMetadata?: ClientMetadata;