kyd-shared-badge 0.2.16 → 0.2.17

package/package.json

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

package/src/SharedBadgeDisplay.tsx

@@ -207,6 +207,64 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
                           <div className={'prose prose-sm max-w-none space-y-4 mb-6'} style={{ color: 'var(--text-secondary)' }}>
                               <p>{riskScore?.description || ''}</p>
                           </div>
+                          {(() => {
+                            const ss = assessmentResult?.screening_sources;
+                            const ofacMatches = ss?.ofac_screen?.matches && (ss.ofac_screen.matches.length > 0);
+                            const cslDetails = ss?.csl_details && (Array.isArray(ss.csl_details) ? ss.csl_details.length > 0 : true);
+                            const fbiMatches = ss?.fbi_matches && (ss.fbi_matches.length > 0);
+                            if (!(ofacMatches || cslDetails || fbiMatches)) return null;
+                            return (
+                              <div className={'mb-8 rounded-lg border p-4'} style={{ borderColor: 'var(--icon-button-secondary)', backgroundColor: 'var(--content-card-background)' }}>
+                                <h4 className={'text-lg font-semibold mb-3'} style={{ color: 'var(--text-main)' }}>3A. Sanctions Matches</h4>
+                                {/* OFAC matches */}
+                                {ofacMatches && (
+                                  <div className={'mb-4'}>
+                                    <h5 className={'font-semibold mb-2'} style={{ color: 'var(--text-main)' }}>OFAC API Matches</h5>
+                                    <ul className={'list-disc pl-5 text-sm'} style={{ color: 'var(--text-secondary)' }}>
+                                      {ss!.ofac_screen!.matches!.map((m: any, i: number) => {
+                                        const s = m?.sanction || {};
+                                        return (
+                                          <li key={i} className={'mb-1'}>
+                                            <span className={'font-medium'} style={{ color: 'var(--text-main)' }}>{s.name || 'Unknown'}</span>
+                                            {s.programs && s.programs.length ? <> — Programs: {s.programs.join(', ')}</> : null}
+                                            {s.entityLink ? <> — <a href={s.entityLink} target='_blank' rel='noopener noreferrer' className={'underline'} style={{ color: 'var(--icon-accent)' }}>Details</a></> : null}
+                                          </li>
+                                        );
+                                      })}
+                                    </ul>
+                                    <details className={'mt-2'}>
+                                      <summary className={'cursor-pointer text-sm font-semibold'} style={{ color: 'var(--text-main)' }}>View OFAC Raw JSON</summary>
+                                      <pre className={'mt-2 overflow-auto text-xs p-3 rounded'} style={{ background: 'rgba(0,0,0,0.04)', color: 'var(--text-main)' }}>{JSON.stringify(ss!.ofac_screen!.raw, null, 2)}</pre>
+                                    </details>
+                                  </div>
+                                )}
+                                {/* CSL details */}
+                                {cslDetails && (
+                                  <div className={'mb-4'}>
+                                    <h5 className={'font-semibold mb-2'} style={{ color: 'var(--text-main)' }}>U.S. CSL Details</h5>
+                                    <details>
+                                      <summary className={'cursor-pointer text-sm font-semibold'} style={{ color: 'var(--text-main)' }}>View CSL Raw JSON</summary>
+                                      <pre className={'mt-2 overflow-auto text-xs p-3 rounded'} style={{ background: 'rgba(0,0,0,0.04)', color: 'var(--text-main)' }}>{JSON.stringify(ss!.csl_details, null, 2)}</pre>
+                                    </details>
+                                  </div>
+                                )}
+                                {/* FBI matches */}
+                                {fbiMatches && (
+                                  <div className={'mb-2'}>
+                                    <h5 className={'font-semibold mb-2'} style={{ color: 'var(--text-main)' }}>FBI Wanted List Matches</h5>
+                                    <ul className={'list-disc pl-5 text-sm'} style={{ color: 'var(--text-secondary)' }}>
+                                      {ss!.fbi_matches!.map((f: any, i: number) => (
+                                        <li key={i}>
+                                          <span className={'font-medium'} style={{ color: 'var(--text-main)' }}>{f.title || 'Match'}</span>
+                                          {f.url ? <> — <a href={f.url} target='_blank' rel='noopener noreferrer' className={'underline'} style={{ color: 'var(--icon-accent)' }}>Details</a></> : null}
+                                        </li>
+                                      ))}
+                                    </ul>
+                                  </div>
+                                )}
+                              </div>
+                            );
+                          })()}
                           <IpRiskAnalysisDisplay ipRiskAnalysis={screening_sources?.ip_risk_analysis} />
                         </>
                       )}
@@ -259,16 +317,6 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
                                         />
                                     );
                                 })()}
-                                {screening_sources.sanctions_sublists && screening_sources.sanctions_sublists.length > 0 && (
-                                    <details className="mt-3">
-                                        <summary className={'cursor-pointer text-sm font-semibold'} style={{ color: 'var(--text-main)' }}>View all screened sub-lists</summary>
-                                        <ul className="mt-2 list-disc pl-5 text-sm" style={{ color: 'var(--text-secondary)' }}>
-                                            {screening_sources.sanctions_sublists.map((name, idx) => (
-                                                <li key={idx}>{name}</li>
-                                            ))}
-                                        </ul>
-                                    </details>
-                                )}
                             </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

@@ -54,7 +54,7 @@ const SanctionsRow = ({
                             style={{ color: 'var(--text-secondary)' }}
                             aria-expanded={expanded}
                         >
-                            <span style={{ display: 'inline-block', transform: expanded ? 'rotate(90deg)' : 'rotate(0deg)', transition: 'transform 150ms ease' }}>▶</span>
+                            <span style={{ display: 'inline-block', transform: expanded ? 'rotate(90deg)' : 'rotate(0deg)', transition: 'transform 150ms ease' }} className={'mr-1'}>▶</span>
                             <span>View sub-lists</span>
                         </button>
                     )}

package/src/types.ts

@@ -160,9 +160,12 @@ export interface AssessmentResult {
       checked?: boolean;
       sources?: string[];
       matches?: any[];
+      raw?: any;
     };
     sanctions_sources_detailed?: { issuingEntity: string; listName: string; matched?: boolean; sublists?: string[] }[];
     sanctions_sublists?: string[];
+    csl_details?: any;
+    fbi_matches?: any[];
   };
   optOutScreening?: boolean;
   clientMetadata?: ClientMetadata;