add proxy methods

lib/api/resources.ts

@@ -171,12 +171,18 @@ export const RESOURCES = {
   contract_methods_read: {
     path: '/api/v2/smart-contracts/:id/methods-read',
   },
+  contract_methods_read_proxy: {
+    path: '/api/v2/smart-contracts/:id/methods-read-proxy',
+  },
   contract_method_query: {
     path: '/api/v2/smart-contracts/:id/query-read-method',
   },
   contract_methods_write: {
     path: '/api/v2/smart-contracts/:id/methods-write',
   },
+  contract_methods_write_proxy: {
+    path: '/api/v2/smart-contracts/:id/methods-write-proxy',
+  },
 
   // TOKEN
   token: {
@@ -287,7 +293,9 @@ Q extends 'token_counters' ? TokenCounters :
 Q extends 'config_json_rpc' ? JsonRpcUrlResponse :
 Q extends 'contract' ? SmartContract :
 Q extends 'contract_methods_read' ? Array<SmartContractReadMethod> :
+Q extends 'contract_methods_read_proxy' ? Array<SmartContractReadMethod> :
 Q extends 'contract_methods_write' ? Array<SmartContractWriteMethod> :
+Q extends 'contract_methods_write_proxy' ? Array<SmartContractWriteMethod> :
 never;
 /* eslint-enable @typescript-eslint/indent */
 

ui/address/contract/ContractRead.tsx

@@ -13,13 +13,17 @@ import DataFetchAlert from 'ui/shared/DataFetchAlert';
 import ContractMethodCallable from './ContractMethodCallable';
 import ContractMethodConstant from './ContractMethodConstant';
 
-const ContractRead = () => {
+interface Props {
+  isProxy?: boolean;
+}
+
+const ContractRead = ({ isProxy }: Props) => {
   const router = useRouter();
   const apiFetch = useApiFetch();
 
   const addressHash = router.query.id?.toString();
 
-  const { data, isLoading, isError } = useApiQuery('contract_methods_read', {
+  const { data, isLoading, isError } = useApiQuery(isProxy ? 'contract_methods_read_proxy' : 'contract_methods_read', {
     pathParams: { id: addressHash },
     queryOptions: {
       enabled: Boolean(router.query.id),
@@ -34,12 +38,13 @@ const ContractRead = () => {
         body: {
           args,
           method_id: item.method_id,
+          contract_type: isProxy ? 'proxy' : 'regular',
         },
       },
     });
 
     return [ [ 'string', 'this is mock' ] ];
-  }, [ addressHash, apiFetch ]);
+  }, [ addressHash, apiFetch, isProxy ]);
 
   const renderContent = React.useCallback((item: SmartContractReadMethod, index: number, id: number) => {
     if (item.inputs.length === 0) {

ui/address/contract/ContractWrite.tsx

@@ -10,12 +10,16 @@ import DataFetchAlert from 'ui/shared/DataFetchAlert';
 
 import ContractMethodCallable from './ContractMethodCallable';
 
-const ContractWrite = () => {
+interface Props {
+  isProxy?: boolean;
+}
+
+const ContractWrite = ({ isProxy }: Props) => {
   const router = useRouter();
 
   const addressHash = router.query.id?.toString();
 
-  const { data, isLoading, isError } = useApiQuery('contract_methods_write', {
+  const { data, isLoading, isError } = useApiQuery(isProxy ? 'contract_methods_write_proxy' : 'contract_methods_write', {
     pathParams: { id: addressHash },
     queryOptions: {
       enabled: Boolean(router.query.id),

ui/pages/Address.tsx

@@ -27,9 +27,9 @@ const CONTRACT_TABS = [
   { id: 'contact_code', title: 'Code', component: <ContractCode/> },
   { id: 'contact_decompiled_code', title: 'Decompiled code', component: <div>Decompiled code</div> },
   { id: 'read_contract', title: 'Read contract', component: <ContractRead/> },
-  { id: 'read_proxy', title: 'Read proxy', component: <div>Read proxy</div> },
+  { id: 'read_proxy', title: 'Read proxy', component: <ContractRead isProxy/> },
   { id: 'write_contract', title: 'Write contract', component: <ContractWrite/> },
-  { id: 'write_proxy', title: 'Write proxy', component: <div>Write proxy</div> },
+  { id: 'write_proxy', title: 'Write proxy', component: <ContractWrite isProxy/> },
 ];
 
 const AddressPageContent = () => {