Copy files from docknetwork/react-native-sdk branch sync/heads/master_d9740a33fbb920d8bf474007cdb3de6e80de8e3a: Merge pull request #373 from docknetwork/fix/web-example-version

Fix copied web-example version.

Author: maycon-mello

developer-documentation/wallet-sdk/examples/flutter-webview/src/credentials/basic-credential.js

@@ -3,8 +3,10 @@ import "./shim";
 import { createWallet } from "@docknetwork/wallet-sdk-core/lib/wallet";
 import { createDataStore } from "@docknetwork/wallet-sdk-data-store-web/lib/index";
 import { createCredentialProvider } from "@docknetwork/wallet-sdk-core/lib/credential-provider";
+import { createVerificationController } from "@docknetwork/wallet-sdk-core/lib/verification-controller";
 import { createDIDProvider } from "@docknetwork/wallet-sdk-core/lib/did-provider";
 import { setLocalStorageImpl } from "@docknetwork/wallet-sdk-data-store-web/lib/localStorageJSON";
+import { basicCredential } from './credentials/basic-credential';
 
 // Here you can define a JSON-RPC storage implementation
 // So that all data will be stored in the Flutter App instead of the browser
@@ -94,6 +96,51 @@ const rpcMethods = {
     }
   },
 
+  async verifyCredential({ credentialJson, proofRequestJson }) {
+    const credentialProvider = createCredentialProvider({
+      wallet,
+    });
+
+    let credential = await credentialProvider.getById(credentialJson.id);
+
+    if (!credential) {
+      credential = await credentialProvider.addCredential(credentialJson);
+    }
+
+    console.log("Credential:");
+    console.log(credential);
+
+    const verificationController = createVerificationController({
+      wallet,
+    })
+  
+    await verificationController.start({
+      template: proofRequestJson,
+    });
+  
+    verificationController.selectedCredentials.set(credential.id, {
+      credential: credential,
+      attributesToReveal: ['credentialSubject.name']
+    });
+  
+    const presentation = await verificationController.createPresentation();
+  
+    console.log('Presentation created...')
+    // For debugging purposes, we can log the presentation
+    // Logging a full presentation in production is a bad idea because of potential PII leaking into logs
+    console.log(presentation);
+
+    const apiResult = await fetch(proofRequestJson.response_url, {
+      method: 'POST',
+      headers: {
+        'content-type': 'application/json'
+      },
+      body: JSON.stringify(presentation),
+    }).then(res => res.json());
+
+    return apiResult;
+  },
+
   async clearData({ id }) {
     try {
       await dataStore.documents.removeAllDocuments();
@@ -155,7 +202,23 @@ async function initializeWallet() {
   sendMessageToFlutter({
     body: {
       type: "WALLET_INITIALIZED",
-      data: { defaultDID, otherData: "testing demo 33" },
+      data: { defaultDID, otherData: "testing demo" },
+    },
+  });
+
+  // Starts a credential verification
+
+  const proofRequestJson = await fetch('https://creds-testnet.truvera.io/proof/be02aed0-0eba-42ed-b938-a33c111189ca').then(res => res.json());
+
+  const verificationResult = await rpcMethods.verifyCredential({
+    credentialJson: basicCredential
+    proofRequestJson,
+  });
+
+  sendMessageToFlutter({
+    body: {
+      type: "WALLET_INITIALIZED",
+      data: { defaultDID, verificationResult },
     },
   });
 }

developer-documentation/wallet-sdk/examples/flutter-webview/src/index.js

@@ -8,7 +8,6 @@ import { setLocalStorageImpl } from "@docknetwork/wallet-sdk-data-store-web/lib/
 import { edvService } from "@docknetwork/wallet-sdk-wasm/lib/services/edv";
 
 import useCloudWallet from './hooks/useCloudWallet';
-import ClarityModal from './components/ClarityModal';
 
 setLocalStorageImpl(global.localStorage);
 
@@ -24,7 +23,6 @@ function App() {
   const [selectedCredential, setSelectedCredential] = useState(null);
   const [walletKeys, setWalletKeys] = useState(null);
   const [uploadError, setUploadError] = useState(null);
-  const [clarityModalOpen, setClarityModalOpen] = useState(false);
 
   // Styles for the modals
   const modalStyle = {
@@ -246,20 +244,7 @@ function App() {
           >
             Create New Wallet
           </Button>
-          <Button
-            variant="contained"
-            onClick={() => setClarityModalOpen(true)}
-          >
-            Open Clarity Modal
-          </Button>
         </Box>
-        <ClarityModal
-          open={clarityModalOpen}
-          onClose={() => setClarityModalOpen(false)}
-          onComplete={() => {
-            alert("Identity verification successful!");
-          }}
-        />
       </div>
     );
   }