import Route from '@ember/routing/route';
import '../css/pay.css';
import { inject as service } from '@ember/service';
import SafeViewer from '@cardstack/web-client/services/safe-viewer';
import * as Sentry from '@sentry/browser';
import { MerchantSafe } from '@cardstack/cardpay-sdk';
import config from '../config/environment';
import { Layer2NetworkSymbol } from '../utils/web3-strategies/types';

interface PayRouteModel {
  network: string;
  merchantSafe: MerchantSafe;
  exchangeRates: any;
}

export default class PayRoute extends Route {
  @service('safe-viewer') declare safeViewer: SafeViewer;

  async model(params: {
    network: string;
    merchant_safe_id: string;
  }): Promise<PayRouteModel> {
    try {
      return {
        network: params.network,
        merchantSafe: (await this.fetchMerchantSafe(
          params.network,
          params.merchant_safe_id
        )) as MerchantSafe,
        exchangeRates: this.shouldFetchExchangeRates
          ? await this.fetchExchangeRates()
          : undefined,
      };
    } catch (e) {
      Sentry.captureException(e);
      throw e;
    }
  }

  get shouldFetchExchangeRates() {
    let params = this.paramsFor('pay') as { currency?: string };
    return (
      params && params.currency && !['USD', 'SPD'].includes(params.currency)
    );
  }

  async fetchExchangeRates() {
    try {
      return (
        await (
          await fetch(`${config.hubURL}/api/exchange-rates`, {
            method: 'GET',
            headers: {
              'Content-Type': 'application/vnd.api+json',
            },
          })
        ).json()
      ).data.attributes.rates;
    } catch (e) {
      console.error('Failed to fetch exchange rates');
      Sentry.captureException(e);
      return {};
    }
  }

  async fetchMerchantSafe(network: string, address: string) {
    if (!isLayer2Network(network)) {
      throw new Error(
        `Failed to fetch information about merchant, network was unrecognized: ${network}`
      );
    }

    let data = (await this.safeViewer.view(network, address)).safe;

    if (!data || data.type !== 'merchant')
      throw new Error(
        'Failed to fetch information about merchant, could not find a corresponding merchant safe'
      );

    return data;
  }
}

function isLayer2Network(
  maybeNetwork: string
): maybeNetwork is Layer2NetworkSymbol {
  return maybeNetwork === 'xdai' || maybeNetwork === 'sokol';
}