feat: Improve vc details #2894

TalaoDAO · Sep 19, 2024 · 4e00b3c · 4e00b3c
1 parent 1a2a30a
commit 4e00b3c
Show file tree

Hide file tree

Showing 3 changed files with 82 additions and 8 deletions.
diff --git a/lib/dashboard/home/tab_bar/credentials/detail/widgets/developer_details.dart b/lib/dashboard/home/tab_bar/credentials/detail/widgets/developer_details.dart
@@ -1,7 +1,12 @@
+import 'dart:convert';
+
 import 'package:altme/app/app.dart';
 import 'package:altme/dashboard/dashboard.dart';
 import 'package:altme/l10n/l10n.dart';
+import 'package:altme/selective_disclosure/selective_disclosure.dart';
 import 'package:flutter/material.dart';
+import 'package:jwt_decode/jwt_decode.dart';
+import 'package:oidc4vc/oidc4vc.dart';
 
 class DeveloperDetails extends StatelessWidget {
   const DeveloperDetails({
@@ -29,6 +34,38 @@ class DeveloperDetails extends StatelessWidget {
     final titleColor = Theme.of(context).colorScheme.onSurface;
     final valueColor = Theme.of(context).colorScheme.onSurface;
 
+    final jwtDecode = JWTDecode();
+
+    String? header;
+    String? payload;
+    String? data;
+
+    if (credentialModel.jwt != null) {
+      final jsonheader = decodeHeader(
+        jwtDecode: jwtDecode,
+        token: credentialModel.jwt!,
+      );
+      header = const JsonEncoder.withIndent('  ').convert(jsonheader);
+      final jsonPayload = decodePayload(
+        jwtDecode: jwtDecode,
+        token: credentialModel.jwt!,
+      );
+      payload = const JsonEncoder.withIndent('  ').convert(jsonPayload);
+
+      if (credentialModel.getFormat == VCFormatType.vcSdJWT.vcValue) {
+        final selectiveDisclosure = SelectiveDisclosure(credentialModel);
+
+        final data = createJsonByDecryptingSDValues(
+          encryptedJson: credentialModel.data,
+          selectiveDisclosure: selectiveDisclosure,
+        );
+
+        payload = const JsonEncoder.withIndent('  ').convert(data);
+      }
+    } else {
+      data = const JsonEncoder.withIndent('  ').convert(credentialModel.data);
+    }
+
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
@@ -67,7 +104,7 @@ class DeveloperDetails extends StatelessWidget {
           valueColor: valueColor,
           showVertically: showVertically,
         ),
-        if (statusListUri != null) ...[
+        if (statusListUri != null)
           CredentialField(
             padding: const EdgeInsets.only(top: 10),
             title: l10n.statusList,
@@ -76,8 +113,7 @@ class DeveloperDetails extends StatelessWidget {
             valueColor: valueColor,
             showVertically: false,
           ),
-        ],
-        if (statusListIndex != null) ...[
+        if (statusListIndex != null)
           CredentialField(
             padding: const EdgeInsets.only(top: 10),
             title: l10n.statusListIndex,
@@ -86,7 +122,33 @@ class DeveloperDetails extends StatelessWidget {
             valueColor: valueColor,
             showVertically: false,
           ),
-        ],
+        if (header != null)
+          CredentialField(
+            padding: const EdgeInsets.only(top: 10),
+            title: l10n.header,
+            value: header,
+            titleColor: titleColor,
+            valueColor: valueColor,
+            showVertically: showVertically,
+          ),
+        if (payload != null)
+          CredentialField(
+            padding: const EdgeInsets.only(top: 10),
+            title: l10n.payload,
+            value: payload,
+            titleColor: titleColor,
+            valueColor: valueColor,
+            showVertically: showVertically,
+          ),
+        if (data != null)
+          CredentialField(
+            padding: const EdgeInsets.only(top: 10),
+            title: l10n.data,
+            value: data,
+            titleColor: titleColor,
+            valueColor: valueColor,
+            showVertically: showVertically,
+          ),
       ],
     );
   }

diff --git a/lib/l10n/arb/app_en.arb b/lib/l10n/arb/app_en.arb
@@ -1068,5 +1068,8 @@
   "notificationTitle": "Welcome to the Notifications!\nStay informed with important updates.",
   "chatRoom": "Chat room",
   "notificationRoom": "Notification room",
-  "notificationSubtitle": "Enable to get the notification"
+  "notificationSubtitle": "Enable to get the notification",
+  "header": "Header",
+  "payload": "Payload",
+  "data": "Data"
 }
diff --git a/lib/l10n/untranslated.json b/lib/l10n/untranslated.json
@@ -38,7 +38,10 @@
     "notificationTitle",
     "chatRoom",
     "notificationRoom",
-    "notificationSubtitle"
+    "notificationSubtitle",
+    "header",
+    "payload",
+    "data"
   ],
 
   "es": [
@@ -80,7 +83,10 @@
     "notificationTitle",
     "chatRoom",
     "notificationRoom",
-    "notificationSubtitle"
+    "notificationSubtitle",
+    "header",
+    "payload",
+    "data"
   ],
 
   "fr": [
@@ -127,6 +133,9 @@
     "notificationTitle",
     "chatRoom",
     "notificationRoom",
-    "notificationSubtitle"
+    "notificationSubtitle",
+    "header",
+    "payload",
+    "data"
   ]
 }