import {
  IMTBLWidgetEvents,
  CommerceWidgetConfiguration,
  CommerceWidgetParams,
  WidgetProperties,
  WidgetTheme,
  WidgetType,
  CommerceWidgetConnectFlowParams,
  CommerceWidgetWalletFlowParams,
  CommerceWidgetAddTokensFlowParams,
  CommerceWidgetSwapFlowParams,
  CommerceWidgetBridgeFlowParams,
  CommerceWidgetOnRampFlowParams,
  CommerceWidgetSaleFlowParams,
  CommerceFlowType,
  CommerceWidgetPurchaseFlowParams,
  CommerceWidgetTransferFlowParams,
} from '@imtbl/checkout-sdk';
import React, { Suspense } from 'react';
import { isAddress } from 'ethers';
import { ThemeProvider } from '../../components/ThemeProvider/ThemeProvider';
import { HandoverProvider } from '../../context/handover-context/HandoverProvider';
import { LoadingView } from '../../views/loading/LoadingView';
import { Base } from '../BaseWidgetRoot';
import i18n from '../../i18n';
import {
  isValidAddress,
  isValidAmount,
  isValidWalletProvider,
} from '../../lib/validations/widgetValidators';
import { deduplicateSaleItemsArray } from './functions/deduplicateSaleItemsArray';
import { commerceFlows } from './functions/isValidCommerceFlow';

const CommerceWidget = React.lazy(() => import('./CommerceWidget'));

export class CommerceWidgetRoot extends Base<WidgetType.IMMUTABLE_COMMERCE> {
  protected eventTopic: IMTBLWidgetEvents = IMTBLWidgetEvents.IMTBL_COMMERCE_WIDGET_EVENT;

  protected getValidatedProperties({
    config,
  }: WidgetProperties<WidgetType.IMMUTABLE_COMMERCE>): WidgetProperties<WidgetType.IMMUTABLE_COMMERCE> {
    let validatedConfig: CommerceWidgetConfiguration | undefined;

    if (config) {
      validatedConfig = config;
      // FIXME: Move default theme initialisation to Base class
      if (config.theme === WidgetTheme.LIGHT) validatedConfig.theme = WidgetTheme.LIGHT;
      else validatedConfig.theme = WidgetTheme.DARK;
    }

    // TODO: validate configs for each widget
    return {
      config: validatedConfig,
    };
  }

  protected getValidConnectFlowParams(params: CommerceWidgetConnectFlowParams) {
    const validatedParams = { ...params };

    if (!Array.isArray(validatedParams.blocklistWalletRdns)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "blocklistWalletRdns" widget input');
      validatedParams.blocklistWalletRdns = [];
    }

    return validatedParams;
  }

  protected getValidWalletFlowParams(params: CommerceWidgetWalletFlowParams) {
    return params;
  }

  protected getValidSaleFlowParams(params: CommerceWidgetSaleFlowParams) {
    const validatedParams = { ...params };

    if (!isValidWalletProvider(params.walletProviderName)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "walletProviderName" widget input');
      validatedParams.walletProviderName = undefined;
    }

    if (!Array.isArray(validatedParams.items)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "items" widget input.');
      validatedParams.items = [];
    }

    if (!params.environmentId) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "environmentId" widget input');
      validatedParams.environmentId = '';
    }

    if (!params.collectionName) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "collectionName" widget input');
      validatedParams.collectionName = '';
    }

    if (
      params.excludePaymentTypes !== undefined
      && !Array.isArray(params.excludePaymentTypes)
    ) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "excludePaymentTypes" widget input');
      validatedParams.excludePaymentTypes = [];
    }

    return {
      ...validatedParams,
      items: deduplicateSaleItemsArray(params.items),
    };
  }

  protected getValidAddTokensFlowParams(
    params: CommerceWidgetAddTokensFlowParams,
  ) {
    const validatedParams = { ...params };

    if (validatedParams.showBridgeOption) {
      validatedParams.showBridgeOption = true;
    }

    if (validatedParams.showOnrampOption) {
      validatedParams.showOnrampOption = true;
    }

    if (validatedParams.showSwapOption) {
      validatedParams.showSwapOption = true;
    }

    if (!isValidAmount(validatedParams.toAmount)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "toAmount" widget input');
      validatedParams.toAmount = '';
    }

    if (!isValidAddress(params.toTokenAddress)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "toTokenAddress" widget input');
      validatedParams.toTokenAddress = '';
    }

    if (!params.toProvider?.provider) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "toProvider" widget input');
      validatedParams.toProvider = undefined;
    }

    return validatedParams;
  }

  protected getValidPurchaseFlowParams(params: CommerceWidgetPurchaseFlowParams) {
    const validatedParams = { ...params };

    if (!Array.isArray(validatedParams.items)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "items" widget input.');
      validatedParams.items = [];
    }

    if (!params.environmentId) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "environmentId" widget input');
      validatedParams.environmentId = '';
    }

    return {
      ...validatedParams,
      items: deduplicateSaleItemsArray(params.items),
    };
  }

  protected getValidTransferFlowParams(params: CommerceWidgetTransferFlowParams) {
    const validatedParams = { ...params };

    if (params.amount && !isValidAmount(params.amount)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "amount" widget input');
      validatedParams.amount = undefined;
    }

    if (params.tokenAddress && !isValidAddress(params.tokenAddress)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "fromTokenAddress" widget input');
      validatedParams.tokenAddress = undefined;
    }

    if (params.toAddress && !isAddress(params.toAddress)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "toAddress" widget input');
      validatedParams.toAddress = undefined;
    }

    return validatedParams;
  }

  protected getValidSwapFlowParams(params: CommerceWidgetSwapFlowParams) {
    const validatedParams = { ...params };

    if (!isValidAmount(params.amount)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "amount" widget input');
      validatedParams.amount = '';
    }

    if (!isValidAddress(params.fromTokenAddress)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "fromTokenAddress" widget input');
      validatedParams.fromTokenAddress = '';
    }

    if (!isValidAddress(params.toTokenAddress)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "toTokenAddress" widget input');
      validatedParams.toTokenAddress = '';
    }

    if (params.autoProceed) {
      validatedParams.autoProceed = true;
    }

    return validatedParams;
  }

  protected getValidBridgeFlowParams(params: CommerceWidgetBridgeFlowParams) {
    const validatedParams = { ...params };

    if (!isValidAmount(params.amount)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "amount" widget input');
      validatedParams.amount = '';
    }

    if (!isValidAddress(params.tokenAddress)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "tokenAddress" widget input');
      validatedParams.tokenAddress = '';
    }

    return validatedParams;
  }

  protected getValidOnRampFlowParams(params: CommerceWidgetOnRampFlowParams) {
    const validatedParams = { ...params };

    if (!isValidAmount(params.amount)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "amount" widget input');
      validatedParams.amount = '';
    }

    if (!isValidAddress(params.tokenAddress)) {
      // eslint-disable-next-line no-console
      console.warn('[IMTBL]: invalid "tokenAddress" widget input');
      validatedParams.tokenAddress = '';
    }

    return validatedParams;
  }

  protected getValidatedParameters(
    params: CommerceWidgetParams,
  ): CommerceWidgetParams {
    // if empty do nothing
    if (Object.keys(params).length === 0) {
      return params;
    }

    const flowType = params.flow;
    const supportedFlows = commerceFlows.join(', ');

    switch (flowType) {
      case CommerceFlowType.CONNECT:
        return this.getValidConnectFlowParams(params);
      case CommerceFlowType.WALLET:
        return this.getValidWalletFlowParams(params);
      case CommerceFlowType.SALE:
        return this.getValidSaleFlowParams(params);
      case CommerceFlowType.SWAP:
        return this.getValidSwapFlowParams(params);
      case CommerceFlowType.BRIDGE:
        return this.getValidBridgeFlowParams(params);
      case CommerceFlowType.ONRAMP:
        return this.getValidOnRampFlowParams(params);
      case CommerceFlowType.ADD_TOKENS:
        return this.getValidAddTokensFlowParams(params);
      case CommerceFlowType.PURCHASE:
        return this.getValidPurchaseFlowParams(params);
      case CommerceFlowType.TRANSFER:
        return this.getValidTransferFlowParams(params);
      default:
        // eslint-disable-next-line no-console
        console.warn(
          `[IMTBL]: invalid "flow: ${flowType}" widget input, must be one of the following: ${supportedFlows}`,
        );
        return params;
    }
  }

  protected render() {
    if (!this.reactRoot) return;

    const { t } = i18n;

    this.reactRoot.render(
      <ThemeProvider id="checkout-container" config={this.strongConfig()}>
        <HandoverProvider>
          <Suspense
            fallback={
              <LoadingView loadingText={t('views.LOADING_VIEW.text')} />
              }
          >
            <CommerceWidget
              checkout={this.checkout}
              browserProvider={this.browserProvider}
              flowParams={this.parameters}
              flowConfig={this.properties.config || {}}
              widgetsConfig={this.strongConfig()}
            />
          </Suspense>
        </HandoverProvider>
      </ThemeProvider>
      ,
    );
  }
}