From da7a9948935f54621e354933f49ff35592954f8f Mon Sep 17 00:00:00 2001
From: Ganesh Annan <gannan@digitalbazaar.com>
Date: Fri, 27 May 2022 10:21:53 -0400
Subject: [PATCH 1/3] Pass in schema map to fix broken credential viewers.

---
 components/Credentials.vue      | 7 ++++++-
 components/CredentialsList.vue  | 2 +-
 components/StoreCredentials.vue | 6 ++++++
 routes/HomePage.vue             | 1 +
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/components/Credentials.vue b/components/Credentials.vue
index 1fec2fa..47948ca 100644
--- a/components/Credentials.vue
+++ b/components/Credentials.vue
@@ -35,7 +35,8 @@
             :no-results="noResults"
             :search="search"
             :loading="loading"
-            :error-text="errorText" />
+            :error-text="errorText"
+            :schema-map="schemaMap" />
         </div>
       </br-q-title-card>
     </div>
@@ -76,6 +77,10 @@ export default {
       default: '',
       type: String,
       required: true
+    },
+    schemaMap: {
+      type: Object,
+      required: true
     }
   },
   data() {
diff --git a/components/CredentialsList.vue b/components/CredentialsList.vue
index 3803a88..43989fd 100644
--- a/components/CredentialsList.vue
+++ b/components/CredentialsList.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-if="compact">
     <credential-compact-bundle
-      :credentials="credentials"
+      :credentials="credentialsList"
       :schema-map="schemaMap"
       :store="store" />
   </div>
diff --git a/components/StoreCredentials.vue b/components/StoreCredentials.vue
index c41789a..8d4c50b 100644
--- a/components/StoreCredentials.vue
+++ b/components/StoreCredentials.vue
@@ -30,6 +30,7 @@
             :store="true"
             :loading="loading"
             :credentials="verifiableCredential"
+            :schema-map="rootData.schemaMap"
             :selected-profile-id="selectedProfileId" />
         </div>
       </div>
@@ -65,6 +66,7 @@
 import CredentialsList from './CredentialsList.vue';
 import {profileManager} from '@bedrock/web-wallet';
 import ProfileChooser from './ProfileChooser.vue';
+import {rootData} from '../lib/rootData.js';
 
 export default {
   name: 'StoreCredentials',
@@ -93,9 +95,13 @@ export default {
   },
   data() {
     return {
+      rootData: undefined,
       selectedProfileId: undefined
     };
   },
+  created() {
+    this.rootData = rootData;
+  },
   computed: {
     selectedProfile() {
       if(!this.profiles) {
diff --git a/routes/HomePage.vue b/routes/HomePage.vue
index 52a845e..b113a8e 100644
--- a/routes/HomePage.vue
+++ b/routes/HomePage.vue
@@ -5,6 +5,7 @@
       :profiles="profiles"
       :loading="loading"
       :error-text="errorText"
+      :schema-map="rootData.schemaMap"
       @filtered-profiles="filteredProfiles = $event"
       @filtered-credentials-loading="loadingFilteredCredentials = $event" />
   </div>

From 72b50b50896fa9a4a70ee7c51606609fbcc44d84 Mon Sep 17 00:00:00 2001
From: Ganesh Annan <gannan@digitalbazaar.com>
Date: Fri, 27 May 2022 10:23:32 -0400
Subject: [PATCH 2/3] wip

---
 components/CredentialsList.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/components/CredentialsList.vue b/components/CredentialsList.vue
index 43989fd..494000a 100644
--- a/components/CredentialsList.vue
+++ b/components/CredentialsList.vue
@@ -118,13 +118,12 @@ export default {
       default: '',
       type: String,
       required: false
+    },
+    schemaMap: {
+      type: Object,
+      required: true
     }
   },
-  data() {
-    return {
-      schemaMap: {}
-    };
-  },
   computed: {
     credentialsList() {
       if(this.limit > 0) {

From 00b94449f67d8edee79cb5833e6da8421fb7c657 Mon Sep 17 00:00:00 2001
From: Ganesh Annan <gannan@digitalbazaar.com>
Date: Fri, 27 May 2022 10:24:52 -0400
Subject: [PATCH 3/3] Flatten VC data structure for access with VC displayer.

---
 components/CredentialsList.vue | 19 +++++++++++++++++--
 package.json                   |  1 +
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/components/CredentialsList.vue b/components/CredentialsList.vue
index 494000a..1f62e89 100644
--- a/components/CredentialsList.vue
+++ b/components/CredentialsList.vue
@@ -64,6 +64,7 @@
  */
 import CredentialCardBundle from './CredentialCardBundle.vue';
 import CredentialCompactBundle from './CredentialCompactBundle.vue';
+import flatten from 'flat';
 
 export default {
   name: 'CredentialsList',
@@ -126,10 +127,24 @@ export default {
   },
   computed: {
     credentialsList() {
+      const credentials = this.credentials.map(credential => {
+        // allow access to all fields in a flat structure for a, credential card
+        // displayer. note that this duplicates data, thus incurring a 2x
+        // penalty in space per credential. In the future, an api that
+        // translates dot notation i.e. 'credentialSubject.address.zipCode'
+        // to the path found in the JS Object at execution time would be
+        // desirable.
+        const flattenedVc = {___vc___: flatten(credential)};
+        credential.credentialSubject = {
+          ...flatten(flattenedVc),
+          ...credential.credentialSubject
+        }
+        return credential;
+      });
       if(this.limit > 0) {
-        return this.credentials.slice(0, this.limit);
+        return credentials.slice(0, this.limit);
       }
-      return this.credentials;
+      return credentials;
     },
     showViewMore() {
       return this.credentials && this.credentials.length > this.limit &&
diff --git a/package.json b/package.json
index 5add073..ca156ca 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "@digitalbazaar/web-app-manifest-utils": "^1.0.2",
+    "flat": "^5.0.2",
     "qrcode": "^1.5.0",
     "randomcolor": "^0.6.2"
   },