From d641332cfefdee2ffbe16eabf8e51fd7c3636233 Mon Sep 17 00:00:00 2001
From: Pratap Mridha <pratapmridha@gmail.com>
Date: Thu, 24 Nov 2022 19:50:25 +0530
Subject: [PATCH] scale initial commit

---
 src/popup/router/pages/Credentials.vue        | 124 ++++++++------
 .../router/pages/CredentialsDetailsTemp.vue   | 154 +++++++++++++-----
 src/popup/utils/hsConstants.js                |   8 +-
 3 files changed, 189 insertions(+), 97 deletions(-)

diff --git a/src/popup/router/pages/Credentials.vue b/src/popup/router/pages/Credentials.vue
index 4e6a1042b..5e08d33bd 100644
--- a/src/popup/router/pages/Credentials.vue
+++ b/src/popup/router/pages/Credentials.vue
@@ -1,17 +1,13 @@
 <template>
-    <div class="popup">
-      <span class="altText" v-if="hypersign.credentials.length == 0">No credential found. Scan QR to get credentials.</span>
-      <Panel v-else>
-        <PanelItem
-          v-for="credential in hypersign.credentials"
-          :key="credential.id"
-          :to="`/credential/${credential.id}`"
-          :title="credential.type[1]"
-          :info="toFormattedDate(credential.issuanceDate)"
-        />
-      </Panel>
-      <Loader v-if="loading" />
-    </div>
+  <div class="popup">
+    <span class="altText" v-if="hypersign.credentials.length == 0">No credential found. Scan QR to get
+      credentials.</span>
+    <Panel v-else>
+      <PanelItem v-for="credential in hypersign.credentials" :key="credential.id" :to="`/credential/${credential.id}`"
+        :title="credential.type[1]" :info="toFormattedDate(credential.issuanceDate)" />
+    </Panel>
+    <Loader v-if="loading" />
+  </div>
 </template>
 
 <script>
@@ -24,11 +20,12 @@ import PanelItem from '../components/PanelItem';
 import Textarea from '../components/Textarea';
 import Button from '../components/Button';
 import axios from 'axios';
-import {toFormattedDate, toStringShorner} from '../../utils/helper'
+import { toFormattedDate, toStringShorner } from '../../utils/helper'
+import { HS_VC_STATUS_PATH } from '../../utils/hsConstants'
 
 export default {
   mixins: [removeAccountMixin],
-  components: { CheckBox, Panel,Button, PanelItem, QrIcon, Textarea },
+  components: { CheckBox, Panel, Button, PanelItem, QrIcon, Textarea },
   data() {
     return {
       form: {
@@ -50,16 +47,39 @@ export default {
       return this.form.url != '';
     },
   },
-  created() {
+  async created() {
     //Only for deeplinking
-    if(this.$route.query.url && this.$route.query.url !='')
+    if (localStorage.getItem("3rdPartyAuthVCUnregistred")) {
+      this.verifiableCredential = JSON.parse(localStorage.getItem("3rdPartyAuthVCUnregistred"));
+      localStorage.removeItem("3rdPartyAuthVCUnregistred");
+      // localStorage.setItem("3rdPartyAuthVC", JSON.stringify(this.verifiableCredential));
+      try {
+        this.loading = true;
+        this.credStatus = await axios.get(`${HS_VC_STATUS_PATH}/${this.verifiableCredential.id}`);
+        this.loading = false;
+        if (this.credStatus.data.vc.credStatus.claim.currentStatus == "Live") {
+          console.log("inside if");
+          this.$store.commit('addHSVerifiableCredentialTemp', this.verifiableCredential);
+          this.$router.push(`/credential/temp/${this.verifiableCredential.id}`);
+        }
+        return
+      } catch (error) {
+        this.loading = false;
+        localStorage.setItem("3rdPartyAuthVCUnregistred", JSON.stringify(this.verifiableCredential));
+        localStorage.removeItem("3rdPartyAuthVC");
+        return
+      }
+
+      
+    }
+    if (this.$route.query.url && this.$route.query.url != '')
       this.deeplink(this.$route.query.url)
   },
 
-  methods: {  
+  methods: {
     toFormattedDate(dateStr) {
-    const d = new Date(dateStr);
-    return d.toDateString();
+      const d = new Date(dateStr);
+      return d.toDateString();
     },
     async scan() {
       try {
@@ -71,52 +91,52 @@ export default {
         await this.fetchCredential();
       } catch (e) {
         this.loading = false;
-        if (e.message) this.$store.dispatch('modals/open', { name: 'default', msg:e.message });
+        if (e.message) this.$store.dispatch('modals/open', { name: 'default', msg: e.message });
       }
     },
 
-    async fetchCredential(){
+    async fetchCredential() {
       //console.log('fetchCredential...')
-        this.form.url = this.form.url + '&did=' + this.hypersign.did;
-        this.loading = true;
-        let response = await axios.get(this.form.url);
-        response = response.data;
-        if (!response) throw new Error('Can not accept credential');
-        if (response && response.status != 200) throw new Error(response.error);
-        if (!response.message) throw new Error('Can not accept credential');
-        await this.acceptCredential(response.message)
-        this.loading =false;
+      this.form.url = this.form.url + '&did=' + this.hypersign.did;
+      this.loading = true;
+      let response = await axios.get(this.form.url);
+      response = response.data;
+      if (!response) throw new Error('Can not accept credential');
+      if (response && response.status != 200) throw new Error(response.error);
+      if (!response.message) throw new Error('Can not accept credential');
+      await this.acceptCredential(response.message)
+      this.loading = false;
     },
 
     async deeplink(url) {
       try {
         //console.log('deeplink...')
-        this.form.url = url; 
+        this.form.url = url;
         await this.fetchCredential();
       } catch (e) {
         this.loading = false;
-        if (e.message) this.$store.dispatch('modals/open', { name: 'default', msg:e.message });
+        if (e.message) this.$store.dispatch('modals/open', { name: 'default', msg: e.message });
       }
     },
 
-    async acceptCredential(credential){
+    async acceptCredential(credential) {
       //console.log('acceptCredential...')
-          if(this.hypersign.did != credential.credentialSubject.id) throw new Error('This credential is not being issued to you');
-          const confirmed = await this.$store.dispatch('modals/open', {
-                    name: 'confirm',
-                    title: 'Credential Acceptance',
-                    msg: `You are receiving credential: '${credential.type[1]}' \
+      if (this.hypersign.did != credential.credentialSubject.id) throw new Error('This credential is not being issued to you');
+      const confirmed = await this.$store.dispatch('modals/open', {
+        name: 'confirm',
+        title: 'Credential Acceptance',
+        msg: `You are receiving credential: '${credential.type[1]}' \
                     from an issuer: '${credential.issuer}'. \
                     Do you want to accept?`,
-                  })
-                  .catch(() => false);
-        if(confirmed){
-          credential.expirationDate = toFormattedDate(credential.expirationDate) ;
-          credential.issuanceDate = toFormattedDate(credential.issuanceDate) ;
-          credential.formattedIssuer =  toStringShorner(credential.issuer, 32, 15);
-          credential.formattedSchemaName =  toStringShorner(credential.type[1], 26, 15);
-          this.$store.commit('addHSVerifiableCredential', credential);
-        }
+      })
+        .catch(() => false);
+      if (confirmed) {
+        credential.expirationDate = toFormattedDate(credential.expirationDate);
+        credential.issuanceDate = toFormattedDate(credential.issuanceDate);
+        credential.formattedIssuer = toStringShorner(credential.issuer, 32, 15);
+        credential.formattedSchemaName = toStringShorner(credential.type[1], 26, 15);
+        this.$store.commit('addHSVerifiableCredential', credential);
+      }
     }
 
   },
@@ -126,17 +146,19 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../common/variables';
-.altText{
+
+.altText {
   color: #80808091;
   font-size: larger;
 }
+
 .d-flex {
   display: flex;
   float: right;
   padding: 5px;
 }
 
-.scan-text{
+.scan-text {
   margin-left: 20px;
   margin-bottom: 2px;
   // float: right;
@@ -179,7 +201,7 @@ export default {
     color: $text-color;
   }
 
-  p > svg {
+  p>svg {
     margin-right: 10px;
   }
 
diff --git a/src/popup/router/pages/CredentialsDetailsTemp.vue b/src/popup/router/pages/CredentialsDetailsTemp.vue
index 9f56b5b76..6aa0f851d 100644
--- a/src/popup/router/pages/CredentialsDetailsTemp.vue
+++ b/src/popup/router/pages/CredentialsDetailsTemp.vue
@@ -21,13 +21,16 @@
         <Loader v-if="loading" />
       </div>
       <div class="scanner d-flex">
-        <Button class="scan"  data-cy="scan-button" @click="acceptCredential">
-          <VerifiedIcon width="20" height="20" class="scan-icon"/><span class="scan-text">{{ $t('pages.credential.accept') }}</span>
+        <Button class="scan" data-cy="scan-button" @click="acceptCredential">
+          <VerifiedIcon width="20" height="20" class="scan-icon" /><span class="scan-text">{{
+              $t('pages.credential.accept')
+          }}</span>
         </Button>
       </div>
       <div class="scanner d-flex">
-        <Button class="scan"  data-cy="scan-button" @click="rejectCredential">
-          <CloseIcon width="20" height="20" class="scan-icon"/><span class="scan-text">{{ $t('pages.credential.reject') }}</span>
+        <Button class="scan" data-cy="scan-button" @click="rejectCredential">
+          <CloseIcon width="20" height="20" class="scan-icon" /><span class="scan-text">{{ $t('pages.credential.reject')
+          }}</span>
         </Button>
       </div>
     </div>
@@ -42,13 +45,17 @@ import { mapGetters } from 'vuex';
 import QrIcon from '../../../icons/qr-code.svg?vue-component';
 import VerifiedIcon from '../../../icons/badges/verified.svg?vue-component';
 import CloseIcon from '../../../icons/badges/not-verified.svg?vue-component';
-import {toFormattedDate, toStringShorner} from '../../utils/helper'
+import { toFormattedDate, toStringShorner } from '../../utils/helper'
 import { getSchemaIdFromSchemaUrl } from '../../utils/hypersign';
+import { HS_VC_STATUS_PATH , HS_VC_STATUS_CHECK_ATTEMPT,HS_VC_STATUS_CHECK_INTERVAL} from '../../utils/hsConstants';
+import Axios from 'axios';
 
 export default {
-  components: { QrIcon,CloseIcon,VerifiedIcon },
+  components: { QrIcon, CloseIcon, VerifiedIcon },
   data() {
     return {
+      count: 0,
+      iteration: 0,
       verifiableCredential: {},
       claims: [],
       loading: false,
@@ -64,66 +71,121 @@ export default {
     };
   },
   beforeDestroy() {
-    if(!this.accepted) this.rejectCredential()
+    if (!this.accepted) this.rejectCredential()
   },
   created() {
-   
 
+    this.count = HS_VC_STATUS_CHECK_ATTEMPT
+    this.iteration = 0
     const credentialId = this.$route.params.credentialId;
     if (credentialId) {
       this.verifiableCredential = this.hypersign.credentialsTemp.find(x => x.id == credentialId);
-      if(!this.verifiableCredential) this.rejectCredential()
-      this.credDetials.formattedExpirationDate = toFormattedDate(this.verifiableCredential.expirationDate) ;
-      this.credDetials.formattedIssuanceDate = toFormattedDate(this.verifiableCredential.issuanceDate) ;
-      this.credDetials.formattedIssuer =  toStringShorner(this.verifiableCredential.issuer, 32, 15);
-      this.credDetials.formattedSchemaName =  this.verifiableCredential.type[1]; //toStringShorner(this.verifiableCredential.type[1], 26, 15);
+      if (!this.verifiableCredential) this.rejectCredential()
+      this.credDetials.formattedExpirationDate = toFormattedDate(this.verifiableCredential.expirationDate);
+      this.credDetials.formattedIssuanceDate = toFormattedDate(this.verifiableCredential.issuanceDate);
+      this.credDetials.formattedIssuer = toStringShorner(this.verifiableCredential.issuer, 32, 15);
+      this.credDetials.formattedSchemaName = this.verifiableCredential.type[1]; //toStringShorner(this.verifiableCredential.type[1], 26, 15);
       const credentialSchemaUrl = this.verifiableCredential['@context'][1].hs;
-      this.credDetials.schemaId = toStringShorner(getSchemaIdFromSchemaUrl(credentialSchemaUrl).trim(),32, 15);
+      this.credDetials.schemaId = toStringShorner(getSchemaIdFromSchemaUrl(credentialSchemaUrl).trim(), 32, 15);
       this.claims = Object.keys(this.verifiableCredential.credentialSubject);
     }
 
-     const isRegisterFlow = localStorage.getItem("isRegisterFlow")
-      if(isRegisterFlow){
-        this.isProviderPresent = true;
-        this.acceptCredential();
-      }  
+    const isRegisterFlow = localStorage.getItem("isRegisterFlow")
+    if (isRegisterFlow) {
+      this.isProviderPresent = true;
+      this.acceptCredential();
+    }
   },
   computed: {
     ...mapGetters(['hypersign']),
   },
-  methods: {    
-    toUpper(t){
-      if(t)
+  methods: {
+    toUpper(t) {
+      if (t)
         return t.toString().toUpperCase();
-      else 
+      else
         return t;
-    },   
-    async acceptCredential(){
+    },
+    async delay(delayInms) {
+      return new Promise(resolve => setTimeout(resolve, delayInms));
+    }
+    ,
+    async checkStatus(verifiableCredential) {
+      if (this.iteration > this.count) {
+        this.loading = false;
+        this.$router.push('/account');
+        return;
+      }
+      this.iteration += 1;
+      let res
+      try {
+        res = await Axios.get(`${HS_VC_STATUS_PATH}/${verifiableCredential.id}`);
+
+
+      } catch (error) {
+        console.log(error);
+        await this.delay(HS_VC_STATUS_CHECK_INTERVAL);
+        return await this.checkStatus(verifiableCredential);
+
+      }
+      if (res.data.vc.credStatus.claim.currentStatus == "Live") {
+
+        this.accepted = true;
+
+      }
+      return res
+
+    },
+    async acceptCredential() {
+
+
+      this.loading = true;
+      try {
+
+        console.log("here");
+        this.credStatus = await this.checkStatus(this.verifiableCredential);
+        console.log(this.credStatus);
+        if (this.credStatus == undefined) {
+          this.$store.dispatch('modals/open', { name: 'default', msg: "Credential Status not found." })
+          const vc = JSON.stringify(this.verifiableCredential)
+          localStorage.setItem("3rdPartyAuthVCUnregistred", vc)
+          return
+        }
+        this.loading = false;
+      } catch (error) {
+        this.loading = false;
+        this.$store.dispatch('modals/open', { name: 'default', msg: "Credential Status not found." })
+        const vc = localStorage.getItem("3rdPartyAuthVC")
+        localStorage.setItem("3rdPartyAuthVCUnregistred", vc)
+        return this.$router.push("/account");
+      }
       this.$store.commit('addHSVerifiableCredential', this.verifiableCredential);
       this.$store.commit('clearHSVerifiableCredentialTemp', []);
       this.accepted = true;
 
 
       // here 
-        /// decide if the 3rd party auth is enabled or not
-        /// if no, then go to /credential page
-        /// if yes, the go to /account page
-        // if(!localStorage.getItem("3rdPartyAuthVC")){
-        //   this.$router.push('/credential');
-        // }else{
-        //   localStorage.removeItem("3rdPartyAuthVC");
-        //   this.$router.push(this.$store.state.loginTargetLocation);
-        // }
-        this.rejectCredential();
+      /// decide if the 3rd party auth is enabled or not
+      /// if no, then go to /credential page
+      /// if yes, the go to /account page
+      // if(!localStorage.getItem("3rdPartyAuthVC")){
+      //   this.$router.push('/credential');
+      // }else{
+      //   localStorage.removeItem("3rdPartyAuthVC");
+      //   this.$router.push(this.$store.state.loginTargetLocation);
+      // }
+      this.rejectCredential();
+
+
     },
-    async rejectCredential(){
+    async rejectCredential() {
       this.$store.commit('clearHSVerifiableCredentialTemp', []);
       // console.log('rejectCredential:: Moving to account page')
-      
+
       const url = localStorage.getItem("qrDataQueryUrl");
       localStorage.removeItem("qrDataQueryUrl");
       localStorage.removeItem("3rdPartyAuthVC");
-      if(url){
+      if (url) {
         // console.log('rejectCredential:: url found');        
         this.$router.push('/account?url=' + url);
         // if(isFromThridParty){
@@ -133,7 +195,7 @@ export default {
         //   console.log('rejectCredential:: isFromThridParty not found')
         //   this.$router.push("/account");
         // }
-      }else{
+      } else {
         // console.log('rejectCredential:: url not found')
         this.$router.push("/account");
       }
@@ -144,21 +206,24 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../common/variables';
+
 .cred-card-body {
   padding-left: 10px;
   margin-top: 27%;
   padding-bottom: 5%;
 }
 
-.scan { 
+.scan {
   border-radius: 49px;
   text-align: center;
 }
+
 .scanner {
-  bottom:15px;
+  bottom: 15px;
   width: 50%;
   border-radius: 49px;
 }
+
 .cred-card {
   background: #21222a !important;
   box-shadow: 0 0 8px rgba(0, 33, 87, 0.15);
@@ -169,6 +234,7 @@ export default {
   color: gray;
   padding-top: 7%;
 }
+
 .cred-card-header {
   color: #fff;
 
@@ -181,6 +247,7 @@ export default {
   text-align: right;
   padding-right: 8px;
 }
+
 // .list-title{
 //     color: black;
 //     font-weight: bolder;
@@ -188,7 +255,7 @@ export default {
 .list-title {
   color: $text-color;
   font-size: 12px;
-  text-transform:capitalize;
+  text-transform: capitalize;
 }
 
 .list-group {
@@ -209,6 +276,7 @@ export default {
   border-left: 2px solid transparent;
   color: gray;
 }
+
 .d-flex {
   display: flex;
   float: right;
@@ -243,7 +311,7 @@ export default {
     color: $text-color;
   }
 
-  p > svg {
+  p>svg {
     margin-right: 10px;
   }
 
diff --git a/src/popup/utils/hsConstants.js b/src/popup/utils/hsConstants.js
index f9b570270..f27c8caa4 100644
--- a/src/popup/utils/hsConstants.js
+++ b/src/popup/utils/hsConstants.js
@@ -1,9 +1,11 @@
-export const SUPERHERO_HS_AUTH_BASE_URL = process.env.VUE_APP_HS_AUTH_BASE_URL || "https://stage.hypermine.in/authserver/";
-//export const SUPERHERO_HS_AUTH_BASE_URL = process.env.VUE_APP_HS_AUTH_BASE_URL || "http://localhost:8001/";
-
+// export const SUPERHERO_HS_AUTH_BASE_URL = process.env.VUE_APP_HS_AUTH_BASE_URL || "https://stage.hypermine.in/authserver/";
+export const SUPERHERO_HS_AUTH_BASE_URL = process.env.VUE_APP_HS_AUTH_BASE_URL || "http://localhost:8001/";
+export const HS_VC_STATUS_CHECK_ATTEMPT=process.env.VUE_APP_HS_VC_STATUS_CHECK_ATTEMPT  || 15;
+export const HS_VC_STATUS_CHECK_INTERVAL=process.env.VUE_APP_HS_VC_STATUS_CHECK_INTERVAL  || 7000;
 export const SUPERHERO_HS_AUTH_CREDENTIAL_ISSUE_API = "hs/api/v2/register"; // change supero to hypersign later
 export const HS_AUTH_DID_URL = SUPERHERO_HS_AUTH_BASE_URL + "hs/api/v2/authdid"
 
+export const HS_VC_STATUS_PATH = SUPERHERO_HS_AUTH_BASE_URL + "hs/api/v2/vcstatus"
 export const AUTH_SERVER_FAUCET_PATH = "hs/api/v2/faucet/"
 export const WALLET_TYPE = process.env.VUE_APP_HS_WALLET_TYPE || "web"
 export const HYPERSIGN_AUTH_PROVIDER = {