Add a note indicating the compatible openid4vp draft that is implemen…

…ted by the verifier.

.env

@@ -1,2 +1,3 @@
 APP_NAME=Verifier
 DOMAIN_NAME=http://localhost:8080
+OPENID4VP_DRAFT=23

set-env.js

@@ -6,7 +6,8 @@ require('dotenv').config();
 // `environment.ts` file structure
 const envConfigFile = `export const environment = {
     apiUrl: '${process.env.DOMAIN_NAME}',
-    appName: '${process.env.APP_NAME}'
+    appName: '${process.env.APP_NAME}',
+	openid4vpDraft: '${process.env.OPENID4VP_DRAFT}',
 };`;
 
 console.log(envConfigFile);

src/app/core/layout/wallet-layout/wallet-layout.component.html

@@ -2,4 +2,12 @@
 <div class="container">
   <ng-content select="[body-title]"></ng-content>
   <ng-content select="[body]"></ng-content>
+  <p class="compatibility-note">
+    This verifier is compatible with
+    <a
+      href="https://openid.net/specs/openid-4-verifiable-presentations-1_0.html"
+      target="_blank"
+      >OpenID4VP Draft <span>{{ environment.openid4vpDraft }}</span></a
+    >
+  </p>
 </div>

src/app/core/layout/wallet-layout/wallet-layout.component.scss

@@ -6,4 +6,13 @@
     flex-direction: column;
     height: 100vh;
     width: 100vw;
+
+    .compatibility-note {
+        border-top: 1px solid #e0e0e0;
+        margin-top: 2rem;
+        padding-top: 0.5rem;
+        color: gray;
+        font-size: 0.95rem;
+        text-align: center;
+    }
 }

src/app/core/layout/wallet-layout/wallet-layout.component.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { WalletLayoutHeaderComponent } from './wallet-layout-header/wallet-layout-header.component';
+import { environment } from 'src/environments/environment';
 
 @Component({
     selector: 'vc-wallet-layout',
@@ -9,5 +10,5 @@ import { WalletLayoutHeaderComponent } from './wallet-layout-header/wallet-layou
     styleUrls: ['./wallet-layout.component.scss']
 })
 export class WalletLayoutComponent {
-
+    environment = environment;
 }

src/environments/environment.development.ts

@@ -1,4 +1,5 @@
 export const environment = {
 	apiUrl: 'http://localhost:4200',
-	appName: 'Verifier'
+	appName: 'Verifier',
+	openid4vpDraft: '23',
 };

src/environments/environment.ts

@@ -1,4 +1,5 @@
 export const environment = {
     apiUrl: 'http://localhost:8080',
-    appName: 'Verifier'
+    appName: 'Verifier',
+	openid4vpDraft: '23',
 };