kyd-shared-badge 0.2.27 → 0.2.28

package/package.json

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

package/src/SharedBadgeDisplay.tsx

@@ -444,18 +444,33 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
           {/* Connected Platforms */}
           <ConnectedPlatforms accounts={connected} />
 
-          {!badgeData.optOutScreening && screening_sources && (
-            <div className="pt-8">
-              <h3 className={'text-2xl font-bold mb-4'} style={{ color: 'var(--text-main)' }}>Appendix: Data Sources</h3>
-              <div className="space-y-8">
+        
+          <div className="pt-8">
+            <h3 className={'text-2xl font-bold mb-4'} style={{ color: 'var(--text-main)' }}>Appendix: Data Sources</h3>
+            <div className="space-y-8">
+
+              {/* Skills */}
+              <div>
+                <h4 id="appendix-skills" className={'text-lg font-bold mb-4'} style={{ color: 'var(--text-main)' }}>Skills</h4>
+                <SkillsAppendixTable skillsAll={skillsAll} />
+              </div>
 
-                {/* Skills */}
+              {/* Observations */}
+              {Array.isArray(graphInsights?.business_rules_all) && graphInsights.business_rules_all.length > 0 && (
                 <div>
-                  <h4 id="appendix-skills" className={'text-lg font-bold mb-4'} style={{ color: 'var(--text-main)' }}>Skills</h4>
-                  <SkillsAppendixTable skillsAll={skillsAll} />
+                  <h4 className={'text-lg font-bold mb-4'} style={{ color: 'var(--text-main)' }}>Observations</h4>
+                  <AppendixTables
+                    type="business_rules"
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    sources={graphInsights.business_rules_all as any}
+                    searchedAt={updatedAt}
+                    developerName={developerName || 'this developer'}
+                  />
                 </div>
-
-                {/* Sanctions & Watchlists */}
+              )}
+              
+              {/* Sanctions & Watchlists */}
+              {!badgeData.optOutScreening && screening_sources && (
                 <div>
                   <h4 className={'text-lg font-bold mb-4'} style={{ color: 'var(--text-main)' }}>Sanctions & Watchlists</h4>
                   {(() => {
@@ -479,23 +494,10 @@ const SharedBadgeDisplay = ({ badgeData }: { badgeData: PublicBadgeData }) => {
                       );
                   })()}
                 </div>
+              )}
 
-                {/* Observations */}
-                {Array.isArray(graphInsights?.business_rules_all) && graphInsights.business_rules_all.length > 0 && (
-                  <div>
-                    <h4 className={'text-lg font-bold mb-4'} style={{ color: 'var(--text-main)' }}>Observations</h4>
-                    <AppendixTables
-                      type="business_rules"
-                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      sources={graphInsights.business_rules_all as any}
-                      searchedAt={updatedAt}
-                      developerName={developerName || 'this developer'}
-                    />
-                  </div>
-                )}
-              </div>
             </div>
-          )}
+          </div>
 
           <div className={'pt-8 text-sm text-center'} style={{ color: 'var(--text-secondary)' }}>
               Report Completed: {new Date(updatedAt).toLocaleString(undefined, {

package/src/components/ReportHeader.tsx

@@ -80,7 +80,7 @@ const ReportHeader = ({ badgeId, developerName, updatedAt, score = 0, badgeImage
               <p><span className={'font-semibold'} style={{ color: 'var(--text-secondary)' }}>Requested By:</span> <span style={{ color: 'var(--text-main)' }}>{developerName || 'N/A'}</span></p>
               <p><span className={'font-semibold'} style={{ color: 'var(--text-secondary)' }}>Organization:</span> <span style={{ color: 'var(--text-main)' }}>Unaffiliated</span></p>
               <p><span className={'font-semibold'} style={{ color: 'var(--text-secondary)' }}>Date Generated:</span> <span style={{ color: 'var(--text-main)' }}>{formattedDate}</span></p>
-              <p><span className={'font-semibold'} style={{ color: 'var(--text-secondary)' }}>Report ID:</span> <span style={{ color: 'var(--text-main)' }}>{badgeId ? `${badgeId.slice(0,4)}...${badgeId.slice(-4)}` : 'N/A'}</span></p>
+              <p><span className={'font-semibold'} style={{ color: 'var(--text-secondary)' }}>Report ID:</span> <span style={{ color: 'var(--text-main)' }}>{badgeId || 'N/A'}</span></p>
               {Array.isArray(countries) && countries.length > 0 && (
                 (() => {
                   const countryNames = countries