export const serverToUIConfig = (logView: View | NewView): LogConfig => {
  const logConfigID = getDeep<string>(logView, 'id', null)
  const logsConfigLink = getDeep<string>(logView, 'links.self', null)
  const logViewProperties = getDeep<LogViewerView>(logView, 'properties', null)
  const columns = getDeep<LogViewerColumn[]>(logViewProperties, 'columns', [])

  if (_.isEmpty(columns)) {
    return
  }

  const sortedColumns = sortViewColumns(columns)

  let severityFormat: SeverityFormatOptions
  let severityLevelColors: SeverityLevelColor[]
  const convertedColumns = sortedColumns.map(c => {
    if (c.name === 'severity') {
      severityFormat = generateColumnFormatConfig(c)
      severityLevelColors = generateColumnColorsConfig(c)
    }

    return generateColumnConfig(c)
  })

  return {
    id: logConfigID,
    link: logsConfigLink,
    isTruncated: DEFAULT_TRUNCATION,
    tableColumns: convertedColumns,
    severityFormat,
    severityLevelColors,
  }
}

export const importScript = (script: string, fileName: string) => async (
  dispatch,
  getState: GetStateFunc
): Promise<void> => {
  try {
    const validFileExtension = '.flux'

    const fileExtensionRegex = new RegExp(`${validFileExtension}$`)

    if (!fileName.match(fileExtensionRegex)) {
      dispatch(notify(taskImportFailed(fileName, 'Please import a .flux file')))
      return
    }

    if (_.isEmpty(script)) {
      dispatch(notify(taskImportFailed(fileName, 'No Flux found in file')))
      return
    }

    const {orgs} = await getState()
    const orgID = getDeep<string>(orgs, '0.id', '') // TODO org selection by user.

    await submitNewTask(orgID, script)

    dispatch(populateTasks())

    dispatch(notify(taskImportSuccess(fileName)))
  } catch (error) {
    console.error(error)
    const message = getDeep<string>(error, 'message', '')
    dispatch(notify(taskImportFailed(fileName, message)))
  }
}

export const generateViewProperties = (config: LogConfig): LogViewerView => {
  const tableColumns = getDeep<LogsTableColumn[]>(config, 'tableColumns', [])
  const severityFormat = getDeep<SeverityFormat>(config, 'severityFormat', null)
  const severityLevelColors = getDeep<SeverityLevelColor[]>(
    config,
    'severityLevelColors',
    []
  )

  if (_.isEmpty(tableColumns)) {
    return EMPTY_VIEW_PROPERTIES
  }

  const columns: LogViewerColumn[] = tableColumns.map((c, i) => {
    const settings = generateViewColumnSettings(
      c,
      severityFormat,
      severityLevelColors
    )
    const name = c.internalName
    const position = i

    return {name, position, settings}
  })

  return {
    ...EMPTY_VIEW_PROPERTIES,
    columns,
  }
}

const getTableSelectedTime = (state: State): number => {
  const custom = getDeep<string>(state, 'logs.tableTime.custom', '')

  if (!_.isEmpty(custom)) {
    return Date.parse(custom)
  }

  const relative = getDeep<number>(state, 'logs.tableTime.relative', 0)

  return Date.now() - relative * 1000
}

export const getTelegrafConfigs = async (org: string): Promise<Telegraf[]> => {
  try {
    const data = await telegrafsAPI.telegrafsGet(org)

    return getDeep<Telegraf[]>(data, 'data.configurations', [])
  } catch (error) {
    console.error(error)
  }
}

export const getCollectors = async (org: Organization): Promise<Telegraf[]> => {
  try {
    const data = await telegrafsAPI.telegrafsGet(org.id)

    return getDeep<Telegraf[]>(data, 'data.configurations', [])
  } catch (error) {
    console.error(error)
  }
}