Support hedera did (#852)

Signed-off-by: Himalayan Dev <[email protected]>
hashgraph · Dec 12, 2024 · 1831acd · 1831acd
1 parent f8a9584
commit 1831acd
Show file tree

Hide file tree

Showing 151 changed files with 6,033 additions and 7,862 deletions.
diff --git a/packages/hedera-identify-snap/.eslintignore b/packages/hedera-identify-snap/.eslintignore
@@ -1,3 +1,4 @@
 node_modules
 .eslintrc.js
 packages/snap/**
+packages/site/**
diff --git a/packages/hedera-identify-snap/packages/site/.env.example b/packages/hedera-identify-snap/packages/site/.env.example
@@ -0,0 +1 @@
+GATSBY_GOOGLE_DRIVE_CLIENT_ID=""
diff --git a/packages/hedera-identify-snap/packages/site/README.md b/packages/hedera-identify-snap/packages/site/README.md
@@ -4,6 +4,12 @@ This project was bootstrapped with [Gatsby](https://www.gatsbyjs.com/).
 
 ## Available Scripts
 
+Copy the .env.example file and update the value of `GATSBY_GOOGLE_DRIVE_CLIENT_ID` if you're testing `Configure Google Account API` from the example site:
+
+```sh
+cp .env.example .env.development
+```
+
 In the project directory, you can run:
 
 ### `yarn start`
@@ -40,4 +46,4 @@ To learn more visit [Gatsby documentation](https://www.gatsbyjs.com/docs/how-to/
 
 You can learn more in the [Gatsby documentation](https://www.gatsbyjs.com/docs/).
 
-To learn React, check out the [React documentation](https://reactjs.org/).
+To learn React, check out the [React documentation](https://reactjs.org/).
diff --git a/packages/hedera-identify-snap/packages/site/package.json b/packages/hedera-identify-snap/packages/site/package.json
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@metamask/providers": "^17.2.0",
-    "@react-oauth/google": "^0.7.0",
+    "@react-oauth/google": "^0.12.1",
     "@veramo/core": "5.1.2",
     "axios": "^1.2.4",
     "bootstrap": "^5.3.3",

diff --git a/packages/hedera-identify-snap/packages/site/src/App.tsx b/packages/hedera-identify-snap/packages/site/src/App.tsx
@@ -44,6 +44,11 @@ export type AppProps = {
 export const App: FunctionComponent<AppProps> = ({ children }) => {
   const toggleTheme = useContext(ToggleThemeContext);
 
+  console.log(
+    'process.env.GATSBY_GOOGLE_DRIVE_CLIENT_ID',
+    process.env.GATSBY_GOOGLE_DRIVE_CLIENT_ID,
+  );
+
   return (
     <>
       <GlobalStyle />

diff --git a/packages/hedera-identify-snap/packages/site/src/components/base/Buttons.tsx b/packages/hedera-identify-snap/packages/site/src/components/base/Buttons.tsx
@@ -138,15 +138,11 @@ type ButtonProps = ComponentProps<typeof Button> & {
   buttonText: string;
 };
 
-export const SendHelloButton = ({
-  loading,
-  buttonText,
-  ...props
-}: ButtonProps) => {
+export const SendHelloButton = ({ loading, ...props }: ButtonProps) => {
   return (
     <Button {...props}>
       {loading && <Spinner animation="border" style={{ marginRight: 8 }} />}
-      {buttonText}
+      {props.buttonText}
     </Button>
   );
 };

diff --git a/packages/hedera-identify-snap/packages/site/src/components/base/Card.tsx b/packages/hedera-identify-snap/packages/site/src/components/base/Card.tsx
@@ -73,7 +73,7 @@ export const Card = ({ content, disabled = false, fullWidth }: CardProps) => {
   const { title, description, button, form } = content;
   return (
     <CardWrapper fullWidth={fullWidth} disabled={disabled}>
-      <Title>{title}</Title>
+      {title && <Title>{title}</Title>}
       <Description>{description}</Description>
       {form}
       {button}

diff --git a/packages/hedera-identify-snap/packages/site/src/components/base/Header.tsx b/packages/hedera-identify-snap/packages/site/src/components/base/Header.tsx
@@ -24,10 +24,9 @@ import {
   MetamaskActions,
   MetaMaskContext,
 } from '../../contexts/MetamaskContext';
-import { connectSnap, getSnap, getThemePreference } from '../../utils';
+import { connectSnap, getSnap } from '../../utils';
 import { HeaderButtons } from './Buttons';
 import { SnapLogo } from './SnapLogo';
-import { Toggle } from './Toggle';
 
 const HeaderWrapper = styled.header`
   display: flex;
@@ -88,13 +87,15 @@ export const Header = ({
     <HeaderWrapper>
       <LogoWrapper>
         <SnapLogo color={theme.colors.icon.default} size={36} />
-        <Title>identify-snap</Title>
+        <Title>hedera-identify-snap</Title>
       </LogoWrapper>
       <RightContainer>
-        <Toggle
-          onToggle={handleToggleClick}
-          defaultChecked={getThemePreference()}
-        />
+        {/*      {
+          <Toggle
+            onToggle={handleToggleClick}
+            defaultChecked={getThemePreference()}
+          />
+        } */}
         <HeaderButtons state={state} onConnectClick={handleConnectClick} />
       </RightContainer>
     </HeaderWrapper>

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/ConfigureGoogleAccount.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/ConfigureGoogleAccount.tsx
@@ -63,7 +63,6 @@ const ConfigureGoogleAccount: FC<Props> = ({
         externalAccountRef.current?.handleGetAccountParams();
 
       const configured = await configureGoogleAccount(
-        metamaskAddress,
         tokenResponse.access_token,
         externalAccountParams,
       );
@@ -91,7 +90,7 @@ const ConfigureGoogleAccount: FC<Props> = ({
         button: (
           <SendHelloButton
             buttonText="Configure Google Account"
-            onClick={handleConfigureGoogleAccount}
+            onClick={() => handleConfigureGoogleAccount()}
             disabled={!state.installedSnap}
             loading={loading}
           />

diff --git a/.../components/cards/ConnectIdentitySnap.tsx → .../components/cards/ConnectIdentifySnap.tsx b/.../components/cards/ConnectIdentitySnap.tsx → .../components/cards/ConnectIdentifySnap.tsx
diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/CreateVC.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/CreateVC.tsx
@@ -84,7 +84,6 @@ const CreateVC: FC<Props> = ({ setMetamaskAddress, setCurrentChainId }) => {
       };
       const credTypes = ['ProfileNamesCredential'];
       const saved: CreateVCResponseResult = (await createVC(
-        metamaskAddress,
         vcKey,
         vcValue,
         options,

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/DeleteAllVCs.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/DeleteAllVCs.tsx
@@ -27,7 +27,10 @@ import {
 } from '../../contexts/MetamaskContext';
 import { VcContext } from '../../contexts/VcContext';
 import useModal from '../../hooks/useModal';
-import { IDataManagerClearResult } from '../../types/veramo';
+import {
+  IDataManagerClearArgs,
+  IDataManagerClearResult,
+} from '../../types/veramo';
 import {
   deleteAllVCs,
   getCurrentMetamaskAccount,
@@ -72,9 +75,8 @@ const DeleteAllVCs: FC<Props> = ({ setMetamaskAddress, setCurrentChainId }) => {
         // If you want to remove the VCs from multiple stores, you can pass an array like so:
         // store: ['snap', 'googleDrive'],
         ...(selectedStore.length ? { store: selectedStore } : {}),
-      };
+      } as IDataManagerClearArgs;
       const isRemoved = (await deleteAllVCs(
-        metamaskAddress,
         options,
         externalAccountParams,
       )) as IDataManagerClearResult[];

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/GetAccountInfo.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/GetAccountInfo.tsx
@@ -63,10 +63,7 @@ const GetAccountInfo: FC<Props> = ({
       const externalAccountParams =
         externalAccountRef.current?.handleGetAccountParams();
 
-      const accountInfo = await getAccountInfo(
-        metamaskAddress,
-        externalAccountParams,
-      );
+      const accountInfo = await getAccountInfo(externalAccountParams);
       console.log(`Your account info:`, accountInfo);
       setAccountInfo(accountInfo as PublicAccountInfo);
       showModal({

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/GetAllVCs.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/GetAllVCs.tsx
@@ -75,7 +75,6 @@ const GetAllVCs: FC<Props> = ({ setMetamaskAddress, setCurrentChainId }) => {
         returnStore: true,
       };
       const vcs = (await getVCs(
-        metamaskAddress,
         undefined,
         options,
         externalAccountParams,

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/GetSpecificVC.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/GetSpecificVC.tsx
@@ -80,7 +80,6 @@ const GetSpecificVC: FC<Props> = ({
         returnStore: true,
       };
       const vcs = (await getVCs(
-        metamaskAddress,
         filter,
         options,
         externalAccountParams,

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/GetVP.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/GetVP.tsx
@@ -69,7 +69,6 @@ const GetVP: FC<Props> = ({ setMetamaskAddress, setCurrentChainId }) => {
       console.log('vcIds: ', vcId);
       // console.log('vc: ', vc);
       const vp = (await createVP(
-        metamaskAddress,
         {
           // vcIds: vcId.trim().split(','),
           vcs: [vc as W3CVerifiableCredential],

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/RemoveVC.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/RemoveVC.tsx
@@ -80,7 +80,6 @@ const RemoveVC: FC<Props> = ({ setMetamaskAddress, setCurrentChainId }) => {
       } as IDataManagerDeleteArgs;
       console.log('vcIdsToBeRemoved: ', vcIdsToBeRemoved);
       const isRemoved = (await removeVC(
-        metamaskAddress,
         id,
         options,
         externalAccountParams,

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/ResolveDID.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/ResolveDID.tsx
@@ -58,7 +58,7 @@ const ResolveDID: FC<Props> = ({ setMetamaskAddress, setCurrentChainId }) => {
       const externalAccountParams =
         externalAccountRef.current?.handleGetAccountParams();
 
-      const doc = await resolveDID(metamaskAddress, did, externalAccountParams);
+      const doc = await resolveDID(did, externalAccountParams);
       console.log(`Your DID document is : ${JSON.stringify(doc, null, 4)}`);
       showModal({
         title: 'Resolve DID',

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/SendHelloHessage.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/SendHelloHessage.tsx
@@ -48,7 +48,7 @@ const SendHelloHessage: FC<Props> = ({
       setMetamaskAddress(metamaskAddress);
       setCurrentChainId(await getCurrentNetwork());
 
-      await sendHello(metamaskAddress);
+      await sendHello();
     } catch (e) {
       console.error(e);
       dispatch({ type: MetamaskActions.SetError, payload: e });

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/SwitchDIDMethod.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/SwitchDIDMethod.tsx
@@ -52,7 +52,7 @@ const SwitchDIDMethod: FC<Props> = ({
       setMetamaskAddress(metamaskAddress);
       setCurrentChainId(await getCurrentNetwork());
 
-      const switched = await switchDIDMethod(metamaskAddress, didMethod);
+      const switched = await switchDIDMethod(didMethod);
       console.log(`DID Method switched : ${switched}`);
     } catch (e) {
       console.error(e);

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/SyncGoogleVCs.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/SyncGoogleVCs.tsx
@@ -58,7 +58,7 @@ const SyncGoogleVCs: FC<Props> = ({
       const externalAccountParams =
         externalAccountRef.current?.handleGetAccountParams();
 
-      const resp = await syncGoogleVCs(metamaskAddress, externalAccountParams);
+      const resp = await syncGoogleVCs(externalAccountParams);
       console.log('Synced with google drive: ', resp);
     } catch (e) {
       console.error(e);

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/ToggleMetamaskPopups.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/ToggleMetamaskPopups.tsx
@@ -48,7 +48,7 @@ const ToggleMetamaskPopups: FC<Props> = ({
       setMetamaskAddress(metamaskAddress);
       setCurrentChainId(await getCurrentNetwork());
 
-      await togglePopups(metamaskAddress);
+      await togglePopups();
     } catch (e) {
       console.error(e);
       dispatch({ type: MetamaskActions.SetError, payload: e });

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/VerifyVC.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/VerifyVC.tsx
@@ -51,7 +51,7 @@ const VerifyVC: FC<Props> = ({ setMetamaskAddress, setCurrentChainId }) => {
       setMetamaskAddress(metamaskAddress);
       setCurrentChainId(await getCurrentNetwork());
 
-      const verified = await verifyVC(metamaskAddress, vc);
+      const verified = await verifyVC(vc);
       console.log('VC Verified: ', verified);
       showModal({ title: 'Verify VC', content: `VC Verified: ${verified}` });
     } catch (e) {

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/VerifyVP.tsx b/packages/hedera-identify-snap/packages/site/src/components/cards/VerifyVP.tsx
@@ -51,7 +51,7 @@ const VerifyVP: FC<Props> = ({ setMetamaskAddress, setCurrentChainId }) => {
       setMetamaskAddress(metamaskAddress);
       setCurrentChainId(await getCurrentNetwork());
 
-      const verified = await verifyVP(metamaskAddress, vp);
+      const verified = await verifyVP(vp);
       console.log('VP Verified: ', verified);
       showModal({
         title: 'Verify VP',

diff --git a/packages/hedera-identify-snap/packages/site/src/components/cards/index.ts b/packages/hedera-identify-snap/packages/site/src/components/cards/index.ts
@@ -19,7 +19,7 @@
  */
 
 export { ConfigureGoogleAccount } from './ConfigureGoogleAccount';
-export { ConnectIdentitySnap } from './ConnectIdentitySnap';
+export { ConnectIdentitySnap } from './ConnectIdentifySnap';
 export { CreateVC } from './CreateVC';
 export { DeleteAllVCs } from './DeleteAllVCs';
 export { GetAccountInfo } from './GetAccountInfo';