properly type green methods

refactor

src/common/components/masa-interface/masa-interface.tsx → src/components/masa-interface/masa-interface.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { useMasa } from '../../helpers';
+import { useMasa } from '../../provider';
 import { ModalComponent } from '../modal';
 import {
   InterfaceAuthenticate,

src/common/components/masa-interface/pages/authenticate/authenticate.tsx → src/components/masa-interface/pages/authenticate/authenticate.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo, useState } from 'react';
-import { useMasa } from '../../../../helpers';
+import { useMasa } from '../../../../provider';
 import { Spinner } from '../../../spinner';
 
 export const InterfaceAuthenticate = (): JSX.Element => {
@@ -19,7 +19,7 @@ export const InterfaceAuthenticate = (): JSX.Element => {
 
   const handleClipboard = useCallback(() => {
     if (walletAddress) {
-      navigator.clipboard.writeText(walletAddress);
+      void navigator.clipboard.writeText(walletAddress);
       setCopied(true);
     }
   }, [walletAddress]);

src/common/components/masa-interface/pages/connected/connected.tsx → src/components/masa-interface/pages/connected/connected.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { useMasa } from '../../../../helpers';
+import { useMasa } from '../../../../provider';
 import { MasaLoading } from '../../../masa-loading';
 import { Spinner } from '../../../spinner';
 

src/common/components/masa-interface/pages/connector/connector.tsx → src/components/masa-interface/pages/connector/connector.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useMetamask } from '../../../../helpers';
+import { useMetamask } from '../../../../provider';
 
 export const InterfaceConnector = ({
   disable,

src/common/components/masa-interface/pages/create-credit-score/create-credit-score.tsx → src/components/masa-interface/pages/create-credit-score/create-credit-score.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useState } from 'react';
-import { useMasa } from '../../../../helpers';
+import { useMasa } from '../../../../provider';
 import { MasaLoading } from '../../../masa-loading';
 
 export const InterfaceCreateCreditScore = (): JSX.Element => {

src/common/components/masa-interface/pages/create-identity/create-identity.tsx → src/components/masa-interface/pages/create-identity/create-identity.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { useMasa } from '../../../../helpers';
+import { useMasa } from '../../../../provider';
 import { MasaLoading } from '../../../masa-loading';
 
 export const InterfaceCreateIdentity = (): JSX.Element => {

src/common/components/masa-interface/pages/switch-chain/switch-chain.tsx → src/components/masa-interface/pages/switch-chain/switch-chain.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
-import { useMasa } from '../../../../helpers';
+import { useMasa } from '../../../../provider';
 import { MasaLoading } from '../../../masa-loading';
-import { Network } from '../../../../helpers/utils/networks';
+import { Network } from '../../../../helpers';
 
 export const InterfaceSwitchChain = (): JSX.Element => {
   const { network, loading, switchNetwork, SupportedNetworks } = useMasa();

src/common/helpers/utils/index.ts → src/helpers/index.ts

@@ -1 +1,2 @@
+export * from './masa';
 export * from './networks';

src/index.tsx

@@ -1,2 +1,3 @@
-export { loadIdentityContracts, addresses } from '@masa-finance/masa-sdk';
-export * from './common';
+export * from './components';
+export * from './helpers';
+export * from './provider';

src/common/helpers/provider/index.ts → src/provider/index.ts

@@ -4,4 +4,5 @@ export * from './masa-provider';
 export * from './masa-query-client';
 export * from './use-masa';
 export * from './use-metamask';
+export * from './use-debounce';
 export * from './modules';

src/common/helpers/provider/masa-context-provider.tsx → src/provider/masa-context-provider.tsx

@@ -1,6 +1,6 @@
 import { EnvironmentName, Masa } from '@masa-finance/masa-sdk';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { createNewMasa } from '../masa';
+import { createNewMasa, Network, SupportedNetworks } from '../helpers';
 import {
   useCreditScores,
   useGreen,
@@ -11,7 +11,6 @@ import {
 } from './modules';
 import { ethers } from 'ethers';
 import { MASA_CONTEXT, MasaShape } from './masa-context';
-import { Network, SupportedNetworks } from '../utils/networks';
 
 export interface ArweaveConfig {
   port?: string;

src/common/helpers/provider/masa-context.tsx → src/provider/masa-context.tsx

@@ -1,12 +1,14 @@
 import React, { createContext } from 'react';
 import {
+  BaseResult,
+  CreateGreenResult,
   ICreditScore,
   IGreen,
   Masa,
   SoulNameDetails,
 } from '@masa-finance/masa-sdk';
 import { BigNumber, ethers } from 'ethers';
-import { Network } from '../utils/networks';
+import { Network } from '../helpers';
 
 export const MASA_CONTEXT = createContext<MasaShape>({});
 
@@ -54,8 +56,16 @@ export interface MasaShape {
       }[]
     | undefined;
   greenLoading?: boolean;
-  handleCreateGreen?: (phoneNumber: string, code: string) => void;
-  handleGenerateGreen?: (phoneNumber: string) => void;
+  handleCreateGreen?: (
+    phoneNumber: string,
+    code: string
+  ) => Promise<CreateGreenResult | undefined>;
+  handleGenerateGreen?: (phoneNumber: string) => Promise<
+    | (BaseResult & {
+        status: string;
+      })
+    | undefined
+  >;
   chain?: null | ethers.providers.Network;
   switchNetwork?: (chainId: number) => void;
   SupportedNetworks?: { [index: number]: Network };

src/common/helpers/provider/masa-provider.tsx → src/provider/masa-provider.tsx

@@ -5,11 +5,11 @@ import {
 import React from 'react';
 import { QueryClientProvider } from 'react-query';
 
-import { MasaInterface } from '../../components';
 import { useMetamask } from './use-metamask';
 import { queryClient } from './masa-query-client';
 
-import '../../../../styles.scss';
+import '../../styles.scss';
+import { MasaInterface } from '../components';
 
 export const MasaProvider = ({
   children,

src/common/helpers/provider/modules/green/green.ts → src/provider/modules/green/green.ts

@@ -1,7 +1,12 @@
 import { useCallback, useMemo } from 'react';
 import { useQuery } from 'react-query';
 import { queryClient } from '../../masa-query-client';
-import { IGreen, Masa } from '@masa-finance/masa-sdk';
+import {
+  BaseResult,
+  CreateGreenResult,
+  IGreen,
+  Masa,
+} from '@masa-finance/masa-sdk';
 import { BigNumber } from 'ethers';
 
 export const useGreen = (
@@ -21,8 +26,16 @@ export const useGreen = (
         metadata?: IGreen | undefined;
       }[]
     | undefined;
-  handleGenerateGreen: (phoneNumber: string) => void;
-  handleCreateGreen: (phoneNumber: string, code: string) => void;
+  handleGenerateGreen: (phoneNumber: string) => Promise<
+    | (BaseResult & {
+        status: string;
+      })
+    | undefined
+  >;
+  handleCreateGreen: (
+    phoneNumber: string,
+    code: string
+  ) => Promise<CreateGreenResult | undefined>;
   status: string;
   isLoading: boolean;
   error: unknown;
@@ -41,7 +54,10 @@ export const useGreen = (
   });
 
   const handleCreateGreen = useCallback(
-    async (phoneNumber: string, code: string) => {
+    async (
+      phoneNumber: string,
+      code: string
+    ): Promise<CreateGreenResult | undefined> => {
       const response = await masa?.green.create(phoneNumber, code);
 
       await queryClient.invalidateQueries(queryKey);
@@ -52,7 +68,14 @@ export const useGreen = (
   );
 
   const handleGenerateGreen = useCallback(
-    async (phoneNumber: string) => {
+    async (
+      phoneNumber: string
+    ): Promise<
+      | (BaseResult & {
+          status: string;
+        })
+      | undefined
+    > => {
       let response;
       if (masa) {
         response = await masa?.green.generate(phoneNumber);

src/common/helpers/provider/modules/wallet/wallet.ts → src/provider/modules/wallet/wallet.ts

@@ -38,7 +38,7 @@ export const useWallet = (
   }, [provider]);
 
   useEffect(() => {
-    loadChainId();
+    void loadChainId();
   }, [loadChainId, setChain]);
 
   return {