kyd-shared-badge 0.2.9 → 0.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyd-shared-badge",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "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

@@ -41,7 +41,7 @@ const SanctionsRow = ({ source, searchedAt, developerName }: { source: SanctionS
             </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.
+            No exact match for <strong style={{ color: 'var(--text-main)' }}>{developerName}</strong> was found on this list.
         </td>
     </tr>
 );

package/src/components/IpRiskAnalysisDisplay.tsx

@@ -22,11 +22,16 @@ const FindingRow = ({ finding }: { finding: IpRiskAnalysisFinding }) => (
 const Section = ({ section }: { section: IpRiskSection }) => (
   <div className="py-3">
     <h4 className="text-lg font-semibold mb-2" style={{ color: 'var(--text-main)' }}>{section.title}</h4>
-    <ul className="list-disc pl-6 space-y-2">
+    <ul style={{ listStyleType: 'none', padding: 0, margin: 0 }}>
       {section.items.map((item, idx) => (
-        <li key={idx} className="text-sm">
-          <div className="font-medium" style={{ color: 'var(--text-main)' }}>{item.label}:</div>
-          <div className="pl-3" style={{ color: 'var(--text-secondary)' }}>{item.text}</div>
+        <li key={idx} style={{ marginBottom: 8 }}>
+          <div style={{ display: 'grid', gridTemplateColumns: '16px 1fr', columnGap: 8, alignItems: 'start' }}>
+            <div aria-hidden="true" style={{ width: 6, height: 6, borderRadius: '50%', marginTop: 8, backgroundColor: 'var(--text-secondary)' }} />
+            <div>
+              <div className="font-medium text-sm" style={{ color: 'var(--text-main)' }}>{item.label}:</div>
+              <div className="text-sm" style={{ color: 'var(--text-secondary)', marginTop: 2 }}>{item.text}</div>
+            </div>
+          </div>
         </li>
       ))}
     </ul>

package/src/components/ReportHeader.tsx

@@ -50,7 +50,7 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, isPublic,
             {/* Left Section */}
             <div className="flex items-center text-left md:text-center">
                 <Image src={finalBadgeImageUrl} alt="KYD Badge" width={100} height={100} unoptimized className='p-3'/>
-                <div className='flex flex-col'>
+                <div className='flex flex-col items-center justify-center'>
                     <h1 className={'font-bold text-lg'} style={{ color: 'var(--text-main)' }}>
                       KYD Self-Check™
                     </h1>

package/src/types.ts

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