import React from 'react';
import { DICOMSR } from '@ohif/core';

async function createReportAsync(servicesManager, dataSource, measurements) {
  const {
    UINotificationService,
    UIDialogService,
    DisplaySetService,
  } = servicesManager.services;
  const loadingDialogId = UIDialogService.create({
    showOverlay: true,
    isDraggable: false,
    centralize: true,
    // TODO: Create a loading indicator component + zeplin design?
    content: Loading,
  });

  try {
    const naturalizedReport = await DICOMSR.storeMeasurements(
      measurements,
      dataSource
    );

    DisplaySetService.makeDisplaySets([naturalizedReport], {
      madeInClient: true,
    });
    UINotificationService.show({
      title: 'STOW SR',
      message: 'Measurements saved successfully',
      type: 'success',
    });
  } catch (error) {
    UINotificationService.show({
      title: 'STOW SR',
      message: error.message || 'Failed to store measurements',
      type: 'error',
    });
  } finally {
    UIDialogService.dismiss({ id: loadingDialogId });
  }
}

function Loading() {
  return <div className="text-primary-active">Loading...</div>;
}

export default createReportAsync;