kyd-shared-badge 0.2.17 → 0.2.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/SharedBadgeDisplay.tsx +25 -13
package/package.json
CHANGED
|
@@ -220,18 +220,27 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
|
|
|
220
220
|
{ofacMatches && (
|
|
221
221
|
<div className={'mb-4'}>
|
|
222
222
|
<h5 className={'font-semibold mb-2'} style={{ color: 'var(--text-main)' }}>OFAC API Matches</h5>
|
|
223
|
-
<
|
|
223
|
+
<div>
|
|
224
224
|
{ss!.ofac_screen!.matches!.map((m: any, i: number) => {
|
|
225
225
|
const s = m?.sanction || {};
|
|
226
|
+
const title = s.name || 'Unknown';
|
|
227
|
+
const programs = (s.programs && s.programs.length) ? ` — Programs: ${s.programs.join(', ')}` : '';
|
|
226
228
|
return (
|
|
227
|
-
<
|
|
228
|
-
<
|
|
229
|
-
{
|
|
230
|
-
|
|
231
|
-
|
|
229
|
+
<div key={i} style={{ display: 'grid', gridTemplateColumns: '12px 1fr', columnGap: 8, alignItems: 'start', marginBottom: 6 }}>
|
|
230
|
+
<div aria-hidden="true" style={{ width: 6, height: 6, borderRadius: '50%', marginTop: 6, backgroundColor: 'var(--text-secondary)' }} />
|
|
231
|
+
<div className={'text-sm'} style={{ color: 'var(--text-secondary)' }}>
|
|
232
|
+
<span className={'font-medium'} style={{ color: 'var(--text-main)' }}>{title}</span>
|
|
233
|
+
<span>{programs}</span>
|
|
234
|
+
{s.entityLink ? (
|
|
235
|
+
<>
|
|
236
|
+
{' '}— <a href={s.entityLink} target='_blank' rel='noopener noreferrer' className={'underline'} style={{ color: 'var(--icon-accent)' }}>Details</a>
|
|
237
|
+
</>
|
|
238
|
+
) : null}
|
|
239
|
+
</div>
|
|
240
|
+
</div>
|
|
232
241
|
);
|
|
233
242
|
})}
|
|
234
|
-
</
|
|
243
|
+
</div>
|
|
235
244
|
<details className={'mt-2'}>
|
|
236
245
|
<summary className={'cursor-pointer text-sm font-semibold'} style={{ color: 'var(--text-main)' }}>View OFAC Raw JSON</summary>
|
|
237
246
|
<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>
|
|
@@ -252,14 +261,17 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
|
|
|
252
261
|
{fbiMatches && (
|
|
253
262
|
<div className={'mb-2'}>
|
|
254
263
|
<h5 className={'font-semibold mb-2'} style={{ color: 'var(--text-main)' }}>FBI Wanted List Matches</h5>
|
|
255
|
-
<
|
|
264
|
+
<div>
|
|
256
265
|
{ss!.fbi_matches!.map((f: any, i: number) => (
|
|
257
|
-
<
|
|
258
|
-
<
|
|
259
|
-
|
|
260
|
-
|
|
266
|
+
<div key={i} style={{ display: 'grid', gridTemplateColumns: '12px 1fr', columnGap: 8, alignItems: 'start', marginBottom: 6 }}>
|
|
267
|
+
<div aria-hidden="true" style={{ width: 6, height: 6, borderRadius: '50%', marginTop: 6, backgroundColor: 'var(--text-secondary)' }} />
|
|
268
|
+
<div className={'text-sm'} style={{ color: 'var(--text-secondary)' }}>
|
|
269
|
+
<span className={'font-medium'} style={{ color: 'var(--text-main)' }}>{f.title || 'Match'}</span>
|
|
270
|
+
{f.url ? <> — <a href={f.url} target='_blank' rel='noopener noreferrer' className={'underline'} style={{ color: 'var(--icon-accent)' }}>Details</a></> : null}
|
|
271
|
+
</div>
|
|
272
|
+
</div>
|
|
261
273
|
))}
|
|
262
|
-
</
|
|
274
|
+
</div>
|
|
263
275
|
</div>
|
|
264
276
|
)}
|
|
265
277
|
</div>
|