import { DocsInfo, DocsInfoConfig, SupportedDocJson } from '@0x/react-docs';
import { Networks } from '@0x/react-shared';
import * as React from 'react';
import { connect } from 'react-redux';
import { Dispatch } from 'redux';
import { DocPage as DocPageComponent, DocPageProps } from 'ts/pages/documentation/doc_page';
import { Dispatcher } from 'ts/redux/dispatcher';
import { State } from 'ts/redux/reducer';
import { DocPackages, ScreenWidths, SmartContractDocSections as Sections } from 'ts/types';
import { Translate } from 'ts/utils/translate';

/* tslint:disable:no-var-requires */
const IntroMarkdown1 = require('md/docs/smart_contracts/1/introduction');
const IntroMarkdown2 = require('md/docs/smart_contracts/2/introduction');
/* tslint:enable:no-var-requires */

const docsInfoConfig: DocsInfoConfig = {
    id: DocPackages.SmartContracts,
    packageName: 'contracts',
    type: SupportedDocJson.SolDoc,
    displayName: '0x Smart Contracts',
    packageUrl: 'https://github.com/0xProject/contracts',
    markdownMenu: {
        introduction: [Sections.Introduction],
    },
    sectionNameToMarkdownByVersion: {
        '0.0.1': {
            [Sections.Introduction]: IntroMarkdown1,
        },
        '2.0.0': {
            [Sections.Introduction]: IntroMarkdown2,
        },
    },
    markdownSections: {
        Introduction: Sections.Introduction,
    },
    contractsByVersionByNetworkId: {
        '1.0.0': {
            [Networks.Mainnet]: {
                Exchange_v1: '0x12459c951127e0c374ff9105dda097662a027093',
                TokenTransferProxy_v1: '0x8da0d80f5007ef1e431dd2127178d224e32c2ef4',
                TokenRegistry: '0x926a74c5c36adf004c87399e65f75628b0f98d2c',
            },
            [Networks.Ropsten]: {
                Exchange_v1: '0x479cc461fecd078f766ecc58533d6f69580cf3ac',
                TokenTransferProxy_v1: '0x4e9aad8184de8833365fea970cd9149372fdf1e6',
                TokenRegistry: '0x6b1a50f0bb5a7995444bd3877b22dc89c62843ed',
            },
            [Networks.Kovan]: {
                Exchange_v1: '0x90fe2af704b34e0224bf2299c838e04d4dcf1364',
                TokenTransferProxy_v1: '0x087Eed4Bc1ee3DE49BeFbd66C662B434B15d49d4',
                TokenRegistry: '0xf18e504561f4347bea557f3d4558f559dddbae7f',
            },
            [Networks.Rinkeby]: {
                Exchange_v1: '0x1d16ef40fac01cec8adac2ac49427b9384192c05',
                TokenTransferProxy_v1: '0xa8e9fa8f91e5ae138c74648c9c304f1c75003a8d',
                TokenRegistry: '0x4e9aad8184de8833365fea970cd9149372fdf1e6',
            },
        },
        '2.0.0': {
            [Networks.Mainnet]: {
                AssetProxyOwner: '0x17992e4ffb22730138e4b62aaa6367fa9d3699a6',
                ERC20Proxy: '0x2240dab907db71e64d3e0dba4800c83b5c502d4e',
                ERC721Proxy: '0x208e41fb445f1bb1b6780d58356e81405f3e6127',
                Exchange: '0x4f833a24e1f95d70f028921e27040ca56e09ab0b',
                Forwarder: '0x7afc2d5107af94c462a194d2c21b5bdd238709d6',
                OrderValidator: '0x9463e518dea6810309563c81d5266c1b1d149138',
                WETH9: '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',
                ZRXToken: '0xe41d2489571d322189246dafa5ebde1f4699f498',
            },
            [Networks.Ropsten]: {
                AssetProxyOwner: '0xf5fa5b5fed2727a0e44ac67f6772e97977aa358b',
                ERC20Proxy: '0xb1408f4c245a23c31b98d2c626777d4c0d766caa',
                ERC721Proxy: '0xe654aac058bfbf9f83fcaee7793311dd82f6ddb4',
                Exchange: '0x4530c0483a1633c7a1c97d2c53721caff2caaaaf',
                Forwarder: '0x3983e204b12b3c02fb0638caf2cd406a62e0ead3',
                OrderValidator: '0x90431a90516ab49af23a0530e04e8c7836e7122f',
                WETH9: '0xc778417e063141139fce010982780140aa0cd5ab',
                ZRXToken: '0xff67881f8d12f372d91baae9752eb3631ff0ed00',
            },
            [Networks.Kovan]: {
                AssetProxyOwner: '0x2c824d2882baa668e0d5202b1e7f2922278703f8',
                ERC20Proxy: '0xf1ec01d6236d3cd881a0bf0130ea25fe4234003e',
                ERC721Proxy: '0x2a9127c745688a165106c11cd4d647d2220af821',
                Exchange: '0x35dd2932454449b14cee11a94d3674a936d5d7b2',
                Forwarder: '0xd85e2fa7e7e252b27b01bf0d65c946959d2f45b8',
                OrderValidator: '0xb389da3d204b412df2f75c6afb3d0a7ce0bc283d',
                WETH9: '0xd0a1e359811322d97991e03f863a0c30c2cf029c',
                ZRXToken: '0x2002d3812f58e35f0ea1ffbf80a75a38c32175fa',
            },
        },
    },
};
const docsInfo = new DocsInfo(docsInfoConfig);

interface ConnectedState {
    docsVersion: string;
    availableDocVersions: string[];
    translate: Translate;
    screenWidth: ScreenWidths;
}

interface ConnectedDispatch {
    dispatcher: Dispatcher;
    docsInfo: DocsInfo;
}

const mapStateToProps = (state: State, _ownProps: DocPageProps): ConnectedState => ({
    docsVersion: state.docsVersion,
    availableDocVersions: state.availableDocVersions,
    translate: state.translate,
    screenWidth: state.screenWidth,
});

const mapDispatchToProps = (dispatch: Dispatch<State>): ConnectedDispatch => ({
    dispatcher: new Dispatcher(dispatch),
    docsInfo,
});

export const Documentation: React.ComponentClass<DocPageProps> = connect(mapStateToProps, mapDispatchToProps)(
    DocPageComponent,
);