Populating the edit form with the current payment collector

src/components/Asset/Edit/EditMetadata.tsx

@@ -145,6 +145,7 @@ export default function Edit({
     <Formik
       enableReinitialize
       initialValues={getInitialValues(
+        asset?.nft.owner,
         asset?.metadata,
         asset?.services[0]?.timeout,
         asset?.accessDetails?.price

src/components/Asset/Edit/FormEditMetadata.tsx

@@ -1,5 +1,5 @@
 import React, { ReactElement, useEffect } from 'react'
-import { Field, Form, useField, useFormikContext } from 'formik'
+import { Field, Form, useFormikContext } from 'formik'
 import Input, { InputProps } from '@shared/FormInput'
 import FormActions from './FormActions'
 import { useAsset } from '@context/Asset'

src/components/Asset/Edit/_constants.ts

@@ -1,12 +1,18 @@
-import { Metadata, ServiceComputeOptions } from '@oceanprotocol/lib'
+import {
+  Metadata,
+  ServiceComputeOptions,
+  getPaymentCollector
+} from '@oceanprotocol/lib'
 import { secondsToString } from '@utils/ddo'
 import { ComputeEditForm, MetadataEditForm } from './_types'
 
-export function getInitialValues(
+export async function getInitialValues(
+  owner: string,
   metadata: Metadata,
   timeout: number,
   price: string
-): Partial<MetadataEditForm> {
+): Promise<Partial<MetadataEditForm>> {
+  const paymentCollector = await getPaymentCollector(owner)
   return {
     name: metadata?.name,
     description: metadata?.description,
@@ -15,7 +21,8 @@ export function getInitialValues(
     files: [{ url: '', type: '' }],
     timeout: secondsToString(timeout),
     author: metadata?.author,
-    tags: metadata?.tags
+    tags: metadata?.tags,
+    paymentCollector
   }
 }
 

src/components/Asset/Edit/_types.ts

@@ -3,6 +3,7 @@ export interface MetadataEditForm {
   name: string
   description: string
   timeout: string
+  paymentCollector: string
   price?: string
   files: FileInfo[]
   links?: FileInfo[]