import {
  ActionResponseType,
  EditorLanguage,
  FormComponentType,
  FormSectionLayout,
  HttpMethod,
  Plugin,
  PluginResponseType,
  PluginType,
  REST_API_BASE_PLUGIN_ID,
  RestApiBodyDataType,
  RestApiFields,
  getMethodColor,
  getRestApiBodyLabel,
  getRestApiDataTypeDisplayName,
  getRestApiFieldDisplayName
} from '../../types/index.js';
import { PUBLIC_INTEGRATIONS_LOGO_URL, DOCS_BASE_URL } from './constants.js';

const RestApiPluginVersions = {
  V1: '0.0.1',
  V7: '0.0.7',
  V8: '0.0.8',
  V13: '0.0.13'
};

export const RestApiPlugin: Plugin = {
  id: REST_API_BASE_PLUGIN_ID,
  name: 'REST API',
  moduleName: 'RestApiPlugin',
  modulePath: 'plugins/restApi/RestApiPlugin',
  iconLocation: `${PUBLIC_INTEGRATIONS_LOGO_URL}/restapi.png`,
  docsUrl: `${DOCS_BASE_URL}/rest-api`,
  isStreamable: true,
  type: PluginType.API,
  responseType: PluginResponseType.JSON,
  hasRawRequest: true,
  rawRequestName: 'Executed request',
  datasourceTemplate: {
    sections: []
  },
  actionTemplate: {
    sections: [
      {
        name: 'main',
        items: [
          {
            gridCss: {
              gridTemplateColumns: '120px calc(100% - 130px)'
            },
            rowItems: [
              {
                name: RestApiFields.HTTP_METHOD,
                label: getRestApiFieldDisplayName(RestApiFields.HTTP_METHOD),
                startVersion: RestApiPluginVersions.V1,
                componentType: FormComponentType.DROPDOWN,
                initialValue: HttpMethod.GET,
                rules: [{ required: true }],
                renderSelectedOptionWithStyles: true,
                options: [
                  {
                    key: HttpMethod.GET,
                    value: HttpMethod.GET,
                    displayName: HttpMethod.GET,
                    textColor: getMethodColor(HttpMethod.GET)
                  },
                  {
                    key: HttpMethod.POST,
                    value: HttpMethod.POST,
                    displayName: HttpMethod.POST,
                    textColor: getMethodColor(HttpMethod.POST)
                  },
                  {
                    key: HttpMethod.PUT,
                    value: HttpMethod.PUT,
                    displayName: HttpMethod.PUT,
                    textColor: getMethodColor(HttpMethod.PUT)
                  },
                  {
                    key: HttpMethod.DELETE,
                    value: HttpMethod.DELETE,
                    displayName: HttpMethod.DELETE,
                    textColor: getMethodColor(HttpMethod.DELETE)
                  },
                  {
                    key: HttpMethod.PATCH,
                    value: HttpMethod.PATCH,
                    displayName: HttpMethod.PATCH,
                    textColor: getMethodColor(HttpMethod.PATCH)
                  }
                ]
              },
              {
                name: RestApiFields.PATH,
                label: getRestApiFieldDisplayName(RestApiFields.PATH),
                startVersion: RestApiPluginVersions.V1,
                componentType: FormComponentType.DYNAMIC_INPUT_TEXT,
                placeholder: 'https://www.example.com/api?filter={{Dropdown1.selectedOptionValue}}',
                rules: [{ required: true, message: 'URL is required' }]
              }
            ],
            subtitle: `Authenticating with OAuth 2.0, Firebase, or Basic Auth? Create a [REST API Integration](/integrations/restapiintegration)`
          }
        ]
      },
      {
        name: 'tabs',
        layout: FormSectionLayout.TABS,
        items: [
          {
            name: RestApiFields.HEADERS,
            label: getRestApiFieldDisplayName(RestApiFields.HEADERS),
            startVersion: RestApiPluginVersions.V1,
            componentType: FormComponentType.FIELD_LIST,
            initialValue: [
              { key: 'Content-Type', value: 'application/json' },
              { key: '', value: '' }
            ],
            secretsNames: ['Authorization']
          },
          {
            name: RestApiFields.PARAMS,
            label: getRestApiFieldDisplayName(RestApiFields.PARAMS),
            startVersion: RestApiPluginVersions.V1,
            componentType: FormComponentType.FIELD_LIST,
            initialValue: [{ key: '', value: '' }]
          },
          {
            name: RestApiFields.BODY,
            label: getRestApiBodyLabel(RestApiBodyDataType.JSON),
            startVersion: RestApiPluginVersions.V1,
            endVersion: RestApiPluginVersions.V7,
            componentType: FormComponentType.CODE_EDITOR,
            language: EditorLanguage.JSON
          },
          {
            name: RestApiFields.BODY_TYPE,
            label: getRestApiFieldDisplayName(RestApiFields.BODY_TYPE),
            startVersion: RestApiPluginVersions.V8,
            componentType: FormComponentType.DROPDOWN,
            initialValue: RestApiBodyDataType.JSON,
            options: Object.values(RestApiBodyDataType).map((bodyType) => ({
              displayName: getRestApiDataTypeDisplayName(bodyType),
              value: bodyType,
              key: bodyType
            }))
          },
          {
            name: RestApiFields.BODY,
            label: getRestApiBodyLabel(RestApiBodyDataType.JSON),
            startVersion: RestApiPluginVersions.V8,
            componentType: FormComponentType.CODE_EDITOR,
            language: EditorLanguage.JSON,
            display: {
              show: {
                bodyType: [RestApiBodyDataType.JSON]
              }
            }
          },
          {
            name: RestApiFields.BODY,
            label: getRestApiBodyLabel(RestApiBodyDataType.RAW),
            startVersion: RestApiPluginVersions.V8,
            componentType: FormComponentType.CODE_EDITOR,
            language: EditorLanguage.TEXT,
            display: {
              show: {
                bodyType: [RestApiBodyDataType.RAW]
              }
            }
          },
          {
            name: RestApiFields.FORM_DATA,
            label: getRestApiBodyLabel(RestApiBodyDataType.FORM),
            startVersion: RestApiPluginVersions.V8,
            componentType: FormComponentType.FIELD_LIST_FORM,
            display: {
              show: {
                bodyType: [RestApiBodyDataType.FORM]
              }
            },
            initialValue: [{ key: '', value: '' }]
          },
          {
            name: RestApiFields.FILE_FORM_KEY,
            label: getRestApiFieldDisplayName(RestApiFields.FILE_FORM_KEY),
            startVersion: RestApiPluginVersions.V8,
            componentType: FormComponentType.INPUT_TEXT,
            initialValue: 'file',
            display: {
              show: {
                bodyType: [RestApiBodyDataType.FILE_FORM]
              }
            }
          },
          {
            name: RestApiFields.FILE_NAME,
            label: getRestApiFieldDisplayName(RestApiFields.FILE_NAME),
            startVersion: RestApiPluginVersions.V8,
            componentType: FormComponentType.INPUT_TEXT,
            display: {
              show: {
                bodyType: [RestApiBodyDataType.FILE_FORM]
              }
            }
          },
          {
            name: RestApiFields.BODY,
            label: getRestApiBodyLabel(RestApiBodyDataType.FILE_FORM),
            startVersion: RestApiPluginVersions.V8,
            componentType: FormComponentType.CODE_EDITOR,
            language: EditorLanguage.TEXT,
            display: {
              show: {
                bodyType: [RestApiBodyDataType.FILE_FORM]
              }
            }
          }
        ]
      },
      {
        name: 'bottom',
        items: [
          {
            name: RestApiFields.RESPONSE_TYPE,
            label: getRestApiFieldDisplayName(RestApiFields.RESPONSE_TYPE),
            startVersion: RestApiPluginVersions.V1,
            componentType: FormComponentType.DROPDOWN,
            initialValue: ActionResponseType.AUTO,
            rules: [{ required: true }],
            options: [
              {
                key: ActionResponseType.AUTO,
                value: ActionResponseType.AUTO,
                displayName: 'Auto'
              },
              {
                key: ActionResponseType.JSON,
                value: ActionResponseType.JSON,
                displayName: 'JSON'
              },
              {
                key: ActionResponseType.TEXT,
                value: ActionResponseType.TEXT,
                displayName: 'Text'
              },
              {
                key: ActionResponseType.BINARY,
                value: ActionResponseType.BINARY,
                displayName: 'Binary'
              },
              {
                key: ActionResponseType.RAW,
                value: ActionResponseType.RAW,
                displayName: 'Raw'
              }
            ]
          }
        ]
      },
      {
        name: 'additionalSettings',
        sectionHeader: 'Additional Settings',
        isCollapsible: true,
        defaultCollapsed: true,
        asTitle: false,
        items: [
          {
            name: RestApiFields.VERBOSE_HTTP_OUTPUT,
            label: getRestApiFieldDisplayName(RestApiFields.VERBOSE_HTTP_OUTPUT),
            lightLabelText: true,
            startVersion: RestApiPluginVersions.V13,
            componentType: FormComponentType.SWITCH,
            initialValue: false,
            showConfirm: false,
            renderIconFirst: true
          },
          {
            name: RestApiFields.DO_NOT_FAIL_ON_REQUEST_ERROR,
            label: getRestApiFieldDisplayName(RestApiFields.DO_NOT_FAIL_ON_REQUEST_ERROR),
            lightLabelText: true,
            startVersion: RestApiPluginVersions.V13,
            componentType: FormComponentType.SWITCH,
            initialValue: false,
            showConfirm: false,
            renderIconFirst: true,
            inverseValue: true
          }
        ]
      }
    ]
  },
  demoData: {
    path: 'https://xkcd.com/info.0.json',
    httpMethod: HttpMethod.GET
  }
};